小程序ui框架系列之 换肤功能

小程序实现换肤功能结构<view class='page' id='{{SkinStyle}}'>
<view class='header'>
<view class='h-skin iconfont {{SkinStyle!=="normal""icon-moon":"icon-sun"}}' bindtap='bgBtn'></view>
</view></view>
要模拟一个可修改的根节点page 根据 id='{{SkinStyle}}’ 来配置themewxss 每个页面@import 这个themewxss#dark header{}切换按钮全局变量：globalData:{skin:“normal”} //appjs文件中页面中bgBtn事件bgbtn:function(){ thissetData({
SkinStyle: appglobalDataskin //设置SkinStyle的值
}) wxsetStorage({ //设置storage key: 'skins', data: appglobalDataskin,
})}页面的Page中的onLoad事件里，读取storage并设置SkinStyle的值onLoad: function (options) { var that=this;
wxgetStorage({
key: 'skins',
success: function(res) { thatsetData({ SkinStyle: resdata }) }, })}

以上就是关于小程序ui框架系列之 换肤功能全部的内容，包括:小程序ui框架系列之 换肤功能、、等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！