vue项目中修改element ui的主题

114 阅读1分钟

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

图片.png

在文件中输入:

/* 改变主题色变量 */
$--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'