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必须放在最后,不然主题色无法生效

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