Element Plus主题色定制

可以通过定制主题让ElementPlus的主题色与项目保持一致。

step1:安装scss

复制代码
npm i sass -D

step2:准备定制样式文件 styles/element/index.scss

在styles文件夹下新建一个文件夹 element,写一个index.scss文件,这个文件里面存放我们定制的主题色。

step3:对ElementPlus样式进行覆盖(在vite.config.js里修改配置)

1.通知Element采用scss语言

2.导入定制scss文件覆盖

相关推荐
有梦想的程序星空12 小时前
【环境配置】Vue3项目离线化本地部署echarts全攻略
前端·javascript·vue·echarts
薛先生_09912 小时前
vue-路由重定向
前端·javascript·vue.js
橘子星13 小时前
基于 ES6 语法的 NLP 任务模块化开发实践
前端·javascript
月光刺眼13 小时前
JS 底层执行机制探讨:执行上下文、变量提升与调用栈
前端·javascript
ZC跨境爬虫13 小时前
跟着 MDN 学 JavaScript day_1:什么是 JavaScript?
开发语言·前端·javascript·ecmascript
xiaofeichaichai14 小时前
Vue 响应式原理
前端·javascript·vue.js
提子拌饭13314 小时前
模态窗鸿蒙PC Electron框架实现技术详解 - 饮料含糖量应用案例分析
前端·javascript·华为·electron·前端框架·开源·鸿蒙
光影少年14 小时前
react的Context 和 Redux 区别?
前端·javascript·react.js·前端框架
前端 贾公子15 小时前
uni-app工程化实战:基于vue-i18n和i18n-ally的国际化方案 (上)
前端·javascript·vue.js
半个落月15 小时前
面试必问的 JS 原型链,我用 16 个示例给你彻底讲明白
javascript