elementui实现自定义主题色

1、在assets文件夹下新建element-variables.scss文件

/* 主题色 */
$--color-primary: #f60;

/* 改变 icon 字体路径变量，必需 */
$--font-path: '~element-ui/lib/theme-chalk/fonts';
@import "~element-ui/packages/theme-chalk/src/index";

2、在plugin文件夹下的element.js引入该文件

import Vue from 'vue'
import Element from 'element-ui'
import '../assets/element-variables.scss'
Vue.use(Element)

3、在main.js引入element.js文件

import './plugins/element.js'

4、在文件里使用输入框、按钮查看颜色是否改变

<el-input v-model="input" placeholder="请输入"></el-input>
<el-button>默认按钮</el-button>
<el-button type="primary" plain>主要按钮</el-button>