1. 程式人生 > >vux 修改 設定 主題 顏色

vux 修改 設定 主題 顏色

vux使用的預處理語言是less,使用變數對主題顏色進行管理,所以修改主題需要兩步走。
1、在src目錄下面建立style/theme.less檔案。內容如下

@zPrimaryColor:#01428C;

@header-background-color:@zPrimaryColor;

2、在build/webpack.base.conf.js文末加上一句程式碼,覆蓋變數

module.exports = vuxLoader.merge(webpackConfig, {
  plugins: ['vux-ui', {
    name: 'less-theme',
    path: 'src/style/theme.less'
}] })