weex vue文件引入scss加scoped 无效

Question

<style lang="scss" scoped>
  @import "./static/mixin.scss";
  body {
    background-color: black(.5)!important;
    @include css3(border-radius, 10px);
    @include rotate(10);
  }

不报错但是样式不起作用

如果把scoped 去掉起作用
想用scoped应该怎么配置？

在组件加了scoped 好像不能设置body的样式 内部样式可以作用···

.greeting {
    margin-top: 70px;
    font-size: 50px;
    color: black(.5);
    background-color: black(.2);
    @include css3(border-radius, 10px);
    @include rotate(10);
  }

又发现

    background: black(.5)!important;  //可以作用
    background-color: black(.5);  //可以作用
    background-color: black(.5)!important;  //不起作用

这是什么原因呢？

Answer 1

我发现 加了scoped 以后不起作用 不加还是起作用的 应该是加了scoped 就只能作用组件自己了
还有 weex 我看文章说是多实例的 跟vue 单页面有冲突啊 vuex 也不好用 路由 不知道好不好用
react-native 好像有个专门的路由库啊 weex 有没有?

Answer 2

通过已使用的 ！important 可以猜测你的样式应该是全局样式的影响，你的局部样式的权重没有全局样式的权重高所以不起作用。尤其是你设置的是body样式，这个最容易引起样式的覆盖，权重高的覆盖权重低的样式。

Answer 3

你好，我这边需要个问题就是用了scss， npm run start 我在网页可以，但是扫码或者打包后打开的页面都没有引入样式的。请问需要怎么配置的么？