流沙雨帘

关注

vue项目中修改element ui的主题

流沙雨帘

关注

阅读 172

2023-01-14

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'

相关推荐

DYBOY

在Vue项目中修改Element的默认样式

DYBOY 47 0 0

老北京的热干面

vue3+vite+element-plus创建项目,修改主题色

老北京的热干面 52 0 0

双井暮色

在vue+ts+element-ui项目中,校验循环的表单项

双井暮色 68 0 0

静鸡鸡的JC

vue项目中的element-ui地区级联选择器

静鸡鸡的JC 55 0 0

悲催博士僧

Vue项目中使用element-plus UI库-并对下拉搜索框样式修改

悲催博士僧 55 0 0

天天天蓝loveyou

Element UI 改变主题色

天天天蓝loveyou 115 0 0

心智的年轮

VUE element ui tree树形控件修改功能

心智的年轮 160 0 0

奋斗De奶爸

动态修改Vue项目中的页面title

奋斗De奶爸 59 0 0

唯米天空

Vue + Element-UI —— 项目实战(一)

唯米天空 92 0 0

eelq

vue系列---【vue项目如何使用element-ui?】

eelq 132 0 0

精彩评论(0)

0 0 举报