更新记录
1.0.2(2024-04-13)
下载此版本
修改教程说明
1.0.1(2024-04-12)
下载此版本
完善demo
1.0.0(2024-04-10)
下载此版本
上传换肤基础功能
查看更多
平台兼容性
App |
快应用 |
微信小程序 |
支付宝小程序 |
百度小程序 |
字节小程序 |
QQ小程序 |
HBuilderX 3.1.0 |
× |
√ |
× |
× |
× |
× |
钉钉小程序 |
快手小程序 |
飞书小程序 |
京东小程序 |
× |
× |
× |
× |
H5-Safari |
Android Browser |
微信浏览器(Android) |
QQ浏览器(Android) |
Chrome |
IE |
Edge |
Firefox |
PC-Safari |
× |
× |
√ |
× |
√ |
× |
× |
× |
× |
换肤方案1
运行步骤说明
1、将下载的插件包打开,store目录复制到运行项目的根目录下
2、将下面代码复制到你要运行项目的main.js中
// 将store挂载到Vue原型上,方便全局访问
import store from './store';
Vue.prototype.$store = store;
//初始化主题,从本地存储中获取之前保存的主题
const savedTheme = uni.getStorageSync('currentTheme');
if (savedTheme && store.state.themes[savedTheme]) {
store.commit('changeTheme', savedTheme);
}
3、将下载的插件包打开,把演示页面pages/changeTheme.vue文件复制到运行项目的pages目录下
4、打开项目的pages.json,将第三步的文件页面路径配置在pages数组中第一项(第一项表示应用启动页)
{
"path" : "pages/index/changeTheme", //根据你自己的放置路径情况配置,比如文件放在pages/index下
"style" :
{
"navigationStyle": "custom"
}
}