修改element-ui主题颜色
1.下载sass-loader,node-sass
npm install sass-loader@7.3.1// 默认下载目前最新版本为8.0.0.版本过高不兼容,使用会报错
【修改element-ui主题颜色】npm rebuild node-sass
2.新建一个样式文件如:element-variables.scss
/* 改变主题色变量 */
$--color-primary: teal;
/* 改变 icon 字体路径变量,必需 */
$--font-path: '~element-ui/lib/theme-chalk/fonts';
@import "~element-ui/packages/theme-chalk/src/index";
3.在入口文件main.js中引入
```import Vue from 'vue'
import Element from 'element-ui'
import './element-variables.scss'
Vue.use(Element)```
推荐阅读
- 全过程工程咨询——时间管理(12)
- 2019年《家庭中的正面管教》作业七
- 参加讲师训练营逐字稿-第1天
- java|java b2b2c shop 多用户商城系统源码- config 修改配置
- iOS富文本为html时,修改默认字体颜色
- react-navigation|react-navigation 动态修改 tabBar 样式
- 贪吃让我看到内在有很深伤痛
- 财富背后的智慧
- 8、Flask构建弹幕微电影网站-搭建后台页面-密码修改、主页控制面板
- javascript|vue使用js-xlsx导出excel,可修改格子样式,例如背景颜色、字体大小、列宽等