1. 程式人生 > >Element-UI更換主題

Element-UI更換主題

參考:vue-基於elementui換膚[自定義主題]

實踐:

需求1.後期維護主題色不更換:

   直接線上主題生成工具下載,在APP.VUE引入;

  

 

需求2.後期維護主題色頻繁更換:

   需要兩個工具:
           步驟1.element-variables.scss 可以設定自定義主題(按鈕顏色需求、根字型大小等),輸入指令:et 後,

           會下載設定的自定義主題:theme;( 也可以,直接線上下載,放入theme資料夾)

   

      

  步驟2. gulpfile.js 把上述的theme檔案主題,輸入指令:gulp css-wrap 壓縮打包成規定的檔案,方便後期動態替換主題色;