elementui 改变主题颜色_element --el-color-primary

作者：羊村懒王 | 2024-03-28 23:45:29

踩

element --el-color-primary

新建element-variables.scss文件,我的文件路径如下
在这里插入图片描述
element-variables.scss 内改变主题格调

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

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

@import "~element-ui/packages/theme-chalk/src/index";
1
2
3
4
5
6
7

具体变量name 可以参考
https://element.eleme.cn/#/zh-CN/theme/preview
最后在main.js 引入 element-variables.scss 文件

import './styles/element-variables.scss'
1

效果如图
在这里插入图片描述

声明：本文内容由网友自发贡献，不代表【wpsshop博客】立场，版权归原作者所有，本站不承担相应法律责任。如您发现有侵权的内容，请联系我们。转载请注明出处：https://www.wpsshop.cn/w/羊村懒王/article/detail/332323