小程序部署流程

小程序实现换肤功能结构<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框架系列之 换肤功能等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！