VUX 小问题汇总(持续更新)

1 篇文章 0 订阅

闲言少叙,直入正题:

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

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值