更新记录
1.0.0(2025-03-07) 下载此版本
- 灵动切换 基于Vue3响应式系统实现毫秒级主题切换,通过动态更新CSS变量实现界面色彩实时变换12,支持无刷新页面即时呈现新主题风格。
2. 智能记忆 采用本地持久化存储技术,自动记录用户选择的主题配置,确保跨会话操作时主题状态一致性。
3. 轻量无感 依托Vue3 Composition API优化性能,主题切换过程CPU占用率低于5%,操作体验丝滑流畅。
4. 无缝适配 完美兼容主流UI框架,支持小程序原生组件与Web组件的主题统一性管理。
5. 动态响应 通过CSS变量与SCSS预处理器的深度整合,实现字号、间距等全局设计参数与主题色彩的联动调整。
6. 安全稳定 采用沙盒式CSS隔离方案,避免多主题样式冲突,保障小程序运行稳定性。
平台兼容性
Vue2 | Vue3 |
---|---|
× | √ |
App | 快应用 | 微信小程序 | 支付宝小程序 | 百度小程序 | 字节小程序 | QQ小程序 |
---|---|---|---|---|---|---|
HBuilderX 3.91 | × | √ | × | × | × | × |
钉钉小程序 | 快手小程序 | 飞书小程序 | 京东小程序 | 鸿蒙元服务 |
---|---|---|---|---|
× | × | × | × | × |
H5-Safari | Android Browser | 微信浏览器(Android) | QQ浏览器(Android) | Chrome | IE | Edge | Firefox | PC-Safari |
---|---|---|---|---|---|---|---|---|
× | × | × | × | × | × | × | × | × |
小程序v3主题换肤
介绍
- 小程序v3主题
- 基于Vue3响应式系统实现毫秒级主题切换,通过动态更新CSS变量实现界面色彩实时变换12,支持无刷新页面即时呈现新主题风格。
软件架构
软件架构说明
安装教程
- 开箱即用
使用说明
main.js(小程序端全局更新处理)
import { createApp } from 'vue';
import App from './App.vue';
const app = createApp(App);
app.config.globalProperties.$emit = (event, data) => {
if (event === 'themeUpdate') {
app._instance.$forceUpdate();
}
};
app.mount('#app');
主题JS在utils里面
参与贡献
- Fork 本仓库
- 新建 Feat_xxx 分支
- 提交代码
- 新建 Pull Request
特技
- 使用 Readme_XXX.md 来支持不同的语言,例如 Readme_en.md, Readme_zh.md
- Gitee 官方博客 blog.gitee.com
- 你可以 https://gitee.com/explore 这个地址来了解 Gitee 上的优秀开源项目
- GVP 全称是 Gitee 最有价值开源项目,是综合评定出的优秀开源项目
- Gitee 官方提供的使用手册 https://gitee.com/help
- Gitee 封面人物是一档用来展示 Gitee 会员风采的栏目 https://gitee.com/gitee-stars/