vux如何在本地修改某些组件颜色等css之类的

Question

使用vue-cli脚手架工具的vue项目，通过npm install vux安装了vux，调用成功，样式也痛官网一样的漂亮，但应自己项目需求，有些细节方面需要自己修改。
比如官网的tabbar的选中颜色为粉红色，但项目需求为偏紫色，我该如何修改？
我在调用的组件文件里，写了scoped的style，但不生效。

<style scoped>
    .vux-tab .vux-tab-item.vux-tab-selected{
        color: blueviolet;
        border-bottom:3px solid blueviolet;
    }
</style>

看页面源码，是通过js在标签里面设置了字体颜色等：

想问问大家我应该是去改源码呢还是在当前文件里写js或css代码覆盖掉，如何写？

Answer 1

当前版本只能根据类名自己覆盖，vux的组件应该都有vux-前缀应该比较好操作。scope可能会导致样式覆盖无效，你试试把scoped去掉。

下个版本支持主题，并且支持全局覆写所有样式变量。

Answer 2

color: blueviolet!important;

直接覆盖比较方便吧