element ui自定义主题

一、在element ui 里找到自定义主题

1.1 在自定义主题 设置对应的颜色 并下载
1.2 在项目目录下安装element-theme、element-theme-chalk

npm i element-theme-chalk@2.13.2 -D

npm i element-theme -D    

1.2 下载下来的style 中的theme 放到项目的根目录下

1.3 引入css

import '../theme/index.css';
import {Button} from 'element-ui';

Vue.config.productionTip = false;
Vue.use(Button);

1.4 测试

 <el-button type="primary">默认按钮</el-button>