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：分別替換，直接覆盖报错；（不要问俺为什么?因为俺也不知道，知道的小伙伴欢迎留言！！！）
网友评论