首页 > 其他分享 >vue项目中修改element ui的主题

vue项目中修改element ui的主题

时间:2023-01-14 11:32:48浏览次数:51  
标签:scss vue variables element theme ui import

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'

标签:scss,vue,variables,element,theme,ui,import
From: https://blog.51cto.com/u_15928719/6007564

相关文章