1 npm i@vueuse/corenpm install element-plus --save 在main.js中引入css文件,自定义深色背景颜色 可以看ElementPlus官方网站 //引入elementUIimport ElementPlus from 'element-plus'import zhCn from'element-plus/dist/locale/zh-cn.mjs'//引入暗黑模式import 'element-plus/theme-chalk/dark/css-vars.css' ...
main 文件中引入 import 'element-plus/dist/index.css' import '@/styles/element-variables.scss' 使用scss 覆盖 即使用新写的样式,覆盖原有的样式,合并为一个scss文件,引入使用 文件夹 styles 下新建一个 element-variarbles.scss文件 @forward 'element-plus/theme-chalk/src/common/var.scss' with ( $colo...
首先在代码中引入use-element-plus-theme并设置默认的主题色: 代码语言:javascript 复制 import{useStorage}from'@vueuse/core';import{useElementPlusTheme}from'use-element-plus-theme';constlayoutThemeColor=useStorage('layout-theme-color','#243db9');// 默认主题色const{changeTheme}=useElementPlusTheme(lay...
:root{--el-color-primary:#d5140f} 在main.js 或者 main.ts 中引入文件 import'./assets/main.css'import{createApp}from'vue'import{createPinia}from'pinia'importAppfrom'./App.vue'importrouterfrom'./router'importinitPluginsfrom'@/plugins';import'element-plus/dist/index.css'import'@/assets/style...
vue3 中element-plusDropdown 背景色改变 vue3 中element-plus Dropdown组件样式改变 最近打算学习一下vue3,引入组件库的时候了解到vue3推荐使用element-plus,本以为和elememt-ui用起来差不多的,但是还是天真了(深深叹气),一个下拉菜单的样式搞了一天都没成功,快给我整抑郁了。。。所以在此记录一下,举一反三,...
vue3+webpack+element-plus修改主题色的坑 我们的项目没有使用vite,用的是webpack工具 按照element-plus文档覆盖了scss变量,但是在main文件引入时报错tff文件无法找到,找了一圈之后发现需要在重写scss变量的文件同级创建一个fonts文件 应该有loader可以解决这个问题,不过时间短没细看,如果你有好的办法解决这个问题,可以...
一、通过SCSS变量更换主题色 我项目使用了SCSS,theme-chalk也是使用SCSS编写而成,因此可以直接修改Element Plus的样式变量。在packages/theme-chalk/src/common/var.scss文件中可以查找SCSS变量。 1、新建一个样式文件, 例如: src/assets/styles/element/index.scss ...
resolvers: [ElementPlusResolver({ // 自动引入修改主题色添加这一行,使用预处理样式 importStyle: "sass", })], }) ], server: { open: true, proxy: { '/api': { target: config.VITE_BASE_URL, changeOrigin: true, rewrite: (path) => path.replace(/\/api/, '') //正则匹配替换 ...
按照element官网的流程,把按需引入配置好,这里不进行多余的赘述 自定义element主题色 安装sass npm install sass 1. 新建scss文件:src/assets/style/element-theme.scss @forward "element-plus/theme-chalk/src/common/var.scss" with ($colors: ( ...