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文件覆盖

相关推荐
嘉琪00110 小时前
Day4 完整学习包(this 指向)——2026 0313
前端·javascript·学习
前端小菜鸟也有人起10 小时前
Vue3父子组件通信方法总结
前端·javascript·vue.js
Maimai1080811 小时前
React Server Components 是什么?一文讲清 CSR、Server Components 与 Next.js 中的客户端/服务端组件
前端·javascript·css·react.js·前端框架·html·web3
肉肉不吃 肉11 小时前
事件循环,宏任务,微任务
前端·javascript
陆康永11 小时前
vue2封装hook函数,可以监听主页面生命周期
前端·javascript·vue.js
我命由我1234511 小时前
Vue Router - 记录一下 2 种路由写法
前端·javascript·vue.js·前端框架·html·html5·js
m0_7190841111 小时前
导入导出—设备管理系统
前端·javascript·vue.js
wuhen_n11 小时前
Vue Router 进阶:路由懒加载、导航守卫与元信息的高效运用
前端·javascript·vue.js