首页 > 其他 > 详细

更改 vux Tabbar TabbarItem标题下方的文字激活时的颜色

时间:2018-06-24 00:20:41      阅读:524      评论:0      收藏:0      [点我收藏+]

步骤一:

打开文件build/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‘}]
})

步骤二:

新建文件src/style/vux_theme.less, 然后打开该文件vux_theme.less,添加代码(后面用到的其它vux样式变量也可以直接在此文件中添加)

@tabbar-text-active-color: red;

步骤三:

运行npm run dev重启项目(目的是为了vux_theme.less文件被装在在vux系统中), 仅第一次需要, 以后不需要该重启操作

更改 vux Tabbar TabbarItem标题下方的文字激活时的颜色

原文:https://www.cnblogs.com/crazycode2/p/9219182.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!