比如用户想要主题色为红色或者其他颜色的按钮和菜单栏,为了实现这一功能,我们可以利用use-element-plus-theme插件来动态切换 Element Plus 组件库的主题色。 首先在代码中引入use-element-plus-theme并设置默认的主题色: 代码语言:javascript 复制 import{useStorage}from'@vueuse/core';import{useElementPlusTheme}from...
按文档中设置大部分颜色也会根据设置的颜色改变,但是有部分颜色不生效,比如按钮hover时的颜色还是默认的颜色。这是因为主题色由以下图片的颜色决定的,要修改下面所有的颜色才行 具体实现 新建theme.ts工具类 import{ElMessage}from'element-plus'/** * 颜色转换函数 * @method hexToRgb hex 颜色转 rgb 颜色 * ...
使用vite、typescript、vue3、element-plus、pinia、vue-router、axios、tailwindcss 等技术。本项目只是一个基本的框架,写了一个简单的登录流程, 不包含动态路由,权限验证等。后续会开放一个完整的项目, 包含暗黑主题和主题色切换,动态路由,权限验证,国际化方案等等。 特性 最新技术栈:使用 Vue3/vite3/pinia 等前...
chore(config): 引入element-plus 4年前 README.md feat: 全屏切换 4年前 babel.config.js feat: navMenu完成 4年前 commitlint.config.js chore(config): 添加commitlint和lint-stage配置 4年前 package-lock.json feat: 全屏切换 4年前 package.json ...
除了深色模式的切换,用户可能还会需要根据个人喜好自定义应用的主题色。比如用户想要主题色为红色或者其他颜色的按钮和菜单栏,为了实现这一功能,我们可以利用use-element-plus-theme插件来动态切换 Element Plus 组件库的主题色。 首先在代码中引入use-element-plus-theme并设置默认的主题色: ...
按文档中设置大部分颜色也会根据设置的颜色改变,但是有部分颜色不生效,比如按钮hover时的颜色还是默认的颜色。这是因为主题色由以下图片的颜色决定的,要修改下面所有的颜色才行 具体实现 新建theme.ts工具类 import{ElMessage}from'element-plus'/** * 颜色转换函数 * @method hexToRgb hex 颜色转 rgb 颜色 * ...