请问如何覆盖vux里的weui样式呢

Question

这样没有用
可以覆盖vux的组件样式 但是weui-的不行
求解

Answer 1

使用 scoped 时，请参照 vue-loader 文档使用 >>> 选择器，否则无法覆盖。

Answer 2

不要放在scoped里
但会导致成为全局 css
可以按需用组件最外层的class来约束
比如 index.vue
<template>
<div class="page-index">
XXX
</div>
</template>

<style>
.page-index .weui-cell_hd {

width:30%;

}
</style>

Answer 3

你可以在scope的外面再写一个 style 不要加scope 属性就可以了

Answer 4

l.不要scoped
2.加上!important

weui就绝对无法猖狂了

Answer 5

https://vux.li/#/zh-CN/README...
配置主题颜色，覆盖https://github.com/airyland/v...

例如：搜索框默认颜色 @search-bg-color: #EFEFF4;

覆盖：@search-bg-color: red;
即可

Answer 6

vux组件没用过，可能是样式层叠优先级的问题，在css中，你可以使用：

.weui-cell_bd {
    width: 20%!important;
}

.weui-cell_bd {
    width: 80%; /* 这里不起作用 */
}

来强制提高样式的优先级。

但是一般不推荐使用!important，因为会使代码变得难以维护。