1. 程式人生 > >更改 vux Tabbar TabbarItem標題下方的文字激活時的顏色

更改 vux Tabbar TabbarItem標題下方的文字激活時的顏色

plugin light build 項目 ext 激活 pat tex npm

步驟一:

打開文件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標題下方的文字激活時的顏色