Element——自定义主题颜色

方法一：

1、安装主题生成工具

cnpm i element-theme -g

2、安装chalk主题

cnpm i element-themet-chalk -D

3、初始化变量文件

主题生成工具安装成功后，如果全局安装可以在命令行里通过et调用工具，如果安装在当前目录下，需要通过node_modules/.bin/et访问到命令。

执行-i初始化变量文件。默认输出到element-variables.scss

et -i

4、修改变量

直接修改element-variables.scss文件

5、编译主题

保存文件后，到命令行里执行et编译主题

et

6、引入自定义主题

mian.js文件

import ElementUI from 'element-ui'
import '../theme/index.css'
Vue.use(ElementUI)

 

方法二：

使用上一种方法，特别耗资源，因为会有一个theme资源库，在打包和下载的过程中࿰