暗黑模式 2.2.0 # 现在,Element Plus 终于支持了暗黑模式! 我们提取并整理了所有的设计变量,并通过 CSS Vars 技术实现动态更新主题。 如何启用? # 首先你可以创建一个开关来控制 暗黑模式 的class 类名。 如果您只需要暗色模式,只需在 html 上添加一个名为 dark 的类。
切换至夜间模式后刷新,网页依旧是亮色模式,但是主题切换的switch组件还是暗色模式 What is Expected? 夜间模式配置应该缓存,并且切换的switch组件也要对应上 What is actually happening? 夜间模式配置没有缓存,并且切换的switch组件没有对应上 Additional comments...
useCssVar | VueUse 暗黑模式 需要暗色模式,只需在 html 上添加一个名为 dark 的类 // main.ts// 如果只想导入css变量import'element-plus/theme-chalk/dark/css-vars.css'// html 覆盖对应的 css 变量 在Element Plus 的样式之后导入它 // main.tsimport'element-plus/theme-chalk/dark/css-vars.css'...
/* 监听操作系统主题模式 */@media (prefers-color-scheme: dark) { body { background-color: var(--color-background); }} @media (prefers-color-scheme: light) { body { background-color: var(--white-color-background); }} 使用媒体查询,可以查看当前是否是暗色主题: window.matchMedia("(...
这将比之前的 SASS 变量配置模式更方便且性能更好。在这套能力的基础上，我们正在紧张开发暗色主题，...
暗色主题 之前的ElementUI想要调整一下主题还是挺麻烦的。需要先生成一个主题包再引入,灵活性降低了很多。 但ElementPlus采用了CSS Variables这将比之前的SASS变量配置模式更方便且性能更好。 而且官方正在制作 暗黑主题 ,大家拭目以待,应该会很方便支持暗黑主题。
修复页面暗色模式下,颜色色差问题。 2022-9-26 完善electron 打包配置,执行打包命令自动生成各种图标,在 dist_electron/build 文件夹下,可以自行设置,修改 package.json ->scripts->electron:generate-icons 即可 优化菜单 之前只能使用 element plus 的图标库,而且是全部引入的 element 图标,目前自动引入图标,可以使...
🔥 全面ESM+Vue3+Vite+Element-Plus+TypeScript编写的一款后台管理系统(兼容移动端) - songwone/vue-pure-admin
暗色风格移动端使用Gitpod在Gitpod(适用于 GitHub 的免费在线开发环境)中打开项目,并立即开始编码.安装使用拉取代码推荐使用 @pureadmin/cli 脚手架全局安装 npm install -g @pureadmin/cli 交互式选择模板并创建项目 pure create 点我查看 @pureadmin/cli 脚手架详细用法从GitHub 上拉取...
正式版中,我们集成了 `CSS Variables` 的全新能力,这将比之前的 `SASS` 变量配置模式更方便且性能更好。在这套能力的基础上,我们正在紧张开发暗色主题,很快会在后续版本中与大家见面。 高性能表格组件 在Beta 发布的时候,我们提到过提供使用虚拟化能力的表格,来优化大数据量情况下的 Table 组件性能。但本次的正式...