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


步驟一:

打開文件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系統中), 僅第一次需要, 以后不需要該重啟操作


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM