Vue3+Vite+ElementPlus自定义主题色

安装element-plus sass

npm install element-plus sass

新建scss文件：src/assets/style/element-theme.scss

@forward "element-plus/theme-chalk/src/common/var.scss" with ($colors: ("primary": ("base": #2260FF),"success": ("base": #16BA3A),"warning": ("base": #FF771C),"danger": ("base": #ff3030),"error": ("base": #ff3030),"info": ("base": #9e9e9e),));
@use "element-plus/theme-chalk/src/index.scss" as *

在main.js引入

import "@/assets/style/element-theme.scss"
import ElementPlus from 'element-plus'
const app = createApp(App)
app.use(ElementPlus)

为啥element没有用按需引入

当我使用unplugin-vue-components 和 unplugin-auto-import这两款插件再配置主题色的使用
发现每次跳转页面都会加载element的资源且长时间处于加载状态，造成页面加载缓慢，不知怎么解决，所以暂时放弃按需引入

Vue3+Vite+ElementPlus自定义主题色相关推荐

Vue3+vite+element-plus修改主题颜色
怎么引入使用这边就不多说了自定义element-plus主题色 1.在项目中安装sass npm install sass 2.新建scss文件:src/styles/element/index.s ...
element-plus 更换主题色
element-plus 更换主题色场景: 简单的定制主题色,并不需要有按钮切换主题色. 实现: 在项目中新建你的theme.scss,代码如下: // style/element/index.sc ...
Electron+Vue3+Vite+Element-Plus，保持软后台全速运行（解决循环过多导致的界面不刷新问题，保证窗口失去焦点后setTimeOut可用）
文章目录 Electron+Vue3+Vite+Element-Plus,保持软后台全速运行(解决循环过多导致的界面不刷新问题,保证窗口失去焦点后setTimeOut可用) 问题描述问题一大循环界 ...
elementUi自定义主题色（最简单优雅）
elementUi自定义主题色 Element 的 theme-chalk 使用 SCSS 编写,如果你的项目也使用了 SCSS,那么可以直接在项目中改变 Element 的样式变量: 1.新建一个样 ...
vue3+vite+element-plus
最近在学习vue3,尝试用vue3+vite重构了vue-admin-template项目项目地址预览地址如果你使用过vue-admin-template,此项目对你相当于无缝切换. 项目构建 ...
element-plus更换主题色(有手就行)
省流版: 在App.vue中加入: <script setup> import { onMounted } from 'vue'onMounted(() => {document.b ...
elementPlus修改主题色以及皮肤设置思路
修改主题色 <el-color-picker style="margin-top:20px" v-model="systeamColor" @change ...
vue3+vite +element-plus+tailwindcss兼容低版本浏览器（uc）
部分问题 uc浏览器 rgb支持不全如rgb(0 0 0 /30%) 这种写法不支持 tailwindcss v3 部分样式在低版本下也不支持 uc浏览器对于 tailwindcss boxSha ...
Android设置自定义主题色,Android主题无法实现最简单的：自定义每个主题颜色
经过搜索和尝试,我得到的提示是,你可以做一些事情和一些你不能做的事情. 您可以 a)在attrs中定义自己的属性 b)在styles.xml中设置它们的值 @color/White @color/Bl ...

Vue3+Vite+ElementPlus自定义主题色

为啥element没有用按需引入

Vue3+Vite+ElementPlus自定义主题色相关推荐

最新文章

热门文章