search

F-loat / mpvue-quickstart

🐱‍👤 更优雅的 mpvue 起手式
http://mpvue.com/mpvue/quickstart
172 stars 34 forks source link

vant的外部样式类无法使用 #18

Closed dxwb closed 5 years ago

dxwb commented 5 years ago

用vant的组件的外部样式类没有作用

<van-cell :border="false" custom-class="van-cell-custom">
  <div slot="icon">颜色</div>
  <div slot="title">
    asd
  </div>
</van-cell>

样式类

.van-cell-custom{
  padding: 0;
}

这样写发现没有作用，然后我看了一下编译后的css，结果变成了

.van-cell-custom.data-v-5052fdb2 {
  padding: 0;
}

但是这个组件相应的节点并没有加上.data-v-5052fdb2，所以选择器没有选中元素，有什么办法解决吗

F-loat commented 5 years ago

再建一个没有 scoped 属性的 style 标签就可以吧

dxwb commented 5 years ago

原来是scoped的问题，恕我才疏学浅。不过小程序每个页面都有对应的wxss文件，是不是可以不用加scoped？

F-loat commented 5 years ago

只有小程序端的话是没必要加的

F-loat commented 5 years ago

页面级的是没必要，但是组件还是需要的