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

相关推荐
高级程序源6 小时前
django大学生创新创业项目管理系统94923-计算机课程设计、毕业设计
javascript·vue.js·spring boot·后端·python·django·课程设计
lizz22766 小时前
Babel插件手册
javascript
VXbishe9 小时前
【课程设计】基于SpringBoot的乡村政务服务系统的设计与实现-计算机毕设77011
javascript·vue.js·spring boot·python·php·课程设计·政务
志尊宝9 小时前
Vue3 零基础每日笔记(037):动手封装 useMouse 与 useWindowSize——事件监听的标准模板
前端·javascript·vue.js·笔记·html5
shmily麻瓜小菜鸡9 小时前
TDD(测试驱动开发)详解
开发语言·javascript·typescript·node.js·ecmascript
wcy031011 小时前
POST为什么会发送两次请求
javascript·ajax
志尊宝11 小时前
Vue3 零基础每日笔记(047):动态路由与路由参数——:id 传参、query 传参、props 解耦
前端·javascript·vue.js·笔记·html5
朝屯暮蒙vi15 小时前
随记:h5+中uploader不能添加参数数据,要通过task
javascript
泯泷1 天前
那段文字是谁删的?Yjs 14 正式版之前,一套删除归属方案的实现与边界
前端·javascript·算法
hold?fish:palm1 天前
34 合并K个升序链表
javascript·算法·链表