Element 自定义主题样式

步骤：

一、配置 sass 依赖（版本：node-sass:^5.0.0   sass-loader:^10.1.1）

 npm install node-sass sass-loader --save

二、在 src/assets/css/ 下创建 element-variables.scss文件，定义主题样式

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

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

/*必需引入 */
@import "~element-ui/packages/theme-chalk/src/index";

三、在main.js中引入

import ElementUI from 'element-ui';

import './assets/css/element-variables.scss' // 主题样式

Vue.use( ElementUI );