闲言少叙,直入正题:
1.如何修改vux tabBar item中选中项的color:
打开文件webpack.base.conf.js, 找到modeule.exports = vuxLoader, 修改如下
module.exports = vuxLoader.merge(webpackConfig, {
plugins: ['vux-ui', 'progress-bar', 'duplicate-style', {name: 'less-theme', path: 'src/style/vux_theme.less'}]
})
然后在path对应的路径中添加vux_theme.less文件,并添加@tabbar-text-active-color,后加上你希望的高亮颜色(文档地址:https://doc.vux.li/zh-CN/components/tabbar.html)
@tabbar-text-active-color:#c88050;
然后重新运行 npm run dev,观看效果
================================================================================================
相关引用:
Vux官网地址:https://vux.li/
Vux组件文档地址:https://doc.vux.li/zh-CN/components/actionsheet.html