vue項目中更改element主題色

第一步

全局安裝element-theme:

cnpm i element-theme -g

第二步

項目中安裝element-theme-chalk:

cnpm i element-theme-chalk -D

第三步

生成初始化文件element-variables.scss:

et -i

注意:若項目中未使用scss需先安裝sass-loader

cnpm i sass-loader -D

第四步

在vue項目的src目錄中找到main.js文件:

import ElementUI from 'element-ui'
import 'element-ui/lib/theme-chalk/index.css'
import '../theme/index.css'

注意:theme/index.css必須放在最後,不然主題色無法生效

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章