element-plus官网给的方案是在html上添加dark类名,在项目中创建个响应变量去修改css变量,可以添加很多种配色方案吧。 document.querySelector(':root').computedStyleMap().get("--el-text-color-primary") 补充element-plus网站的代码 (() => { const e = localStorage.getItem("el-theme-appearance"); (e ...
新建文件src/styles/element/index.scss,需要替换的按钮背景代码如下 // styles/element/index.scss/* just override what you need */@forward'element-plus/theme-chalk/src/common/var.scss'with($colors:("primary":("base":red),),);
该项目基于Vuecli 使用Vue3 + 最新版ElementPlus 构建简单版后台管理系统 基本功能:(Home页面有详细介绍可参考) 通过路由自动生成侧边栏menu 打开menu可以自动生成标签页 可以使用less变量控制激活颜色 还可以通过less变量控制主题色 有需要生成menu的路由单独可以配置在一个文件,将不需要生成menu的路由配置在另外一个文...
vue3中台项目模版,配置了通用组件(面包屑、标签导航、侧边栏(权限菜单)、自定义icon(Svg Sprite 图标)、拖拽看板 、路由检索)和通用功能(主题切换 (基于element-plus) 、Screenfull全屏 、 图片上传 、登陆注册(jwt)、权限控制(系统管理:用户管理、角色管理、菜单管理) 、 权限验证(页面权限、指令权限)) 暂无标签...
{ ElementPlusResolver } from "unplugin-vue-components/resolvers"; import ElementPlus from "unplugin-element-plus/vite"; import Inspect from "vite-plugin-inspect"; // https://vitejs.dev/config/ export default defineConfig({ plugins: [ vue(), vueJsx({ // options are passed on to @vue/...