返回

vue项目中修改element ui的主题

发布时间:2023-02-19 15:47:56 426
# javascript# css# java# java

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'
特别声明:以上内容(图片及文字)均为互联网收集或者用户上传发布,本站仅提供信息存储服务!如有侵权或有涉及法律问题请联系我们。
举报
评论区(0)
按点赞数排序
用户头像
精选文章
thumb 中国研究员首次曝光美国国安局顶级后门—“方程式组织”
thumb 俄乌线上战争,网络攻击弥漫着数字硝烟
thumb 从网络安全角度了解俄罗斯入侵乌克兰的相关事件时间线
下一篇
商城系统春节氛围营造 2023-02-19 15:06:59