vue项目中修改element ui的主题

1.在项目中创建一个文件(element-variables.scss)

在文件中输入：

/* 改变主题色变量 */
$--color-primary: #cd0100;

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

@import "~element-ui/packages/theme-chalk/src/index";

2.在main.js中全局引用

//改变Element的主题颜色
import './assets/style/element-variables.scss'