vue修改element自义定主题

1、安装element-ui

npm run element-ui --save

2、在main.js中引入

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

3、进入element-ui官网修改主题页

3-1 地址：https://element.eleme.cn/#/zh-CN/theme
3-2 复制一个到自己的主题色下进行设置：

image.png
3-3 一一对应修改自己的主题颜色
image.png
3-4 在下载下来的theme文件加下，有如下两个文件
image.png

4、将font下的两个文件和index.css文件分别替换

\node_modules\element-ui\lib\theme-chalk\font
\node_modules\element-ui\lib\theme-chalk\index.css
tip：分別替換，直接覆盖报错；（不要问俺为什么?因为俺也不知道，知道的小伙伴欢迎留言！！！）