微信小程序ui框架有哪些

微信小程序开发，是目前火爆的开发方式，也是适应中小企业快速解决的一个方案。选择一个合适自己的开发UI框架，能够让自己开发速度提升数倍。

推荐两个小程序UI框架：

WeUI

WeUI是由微信官方设计团队分别支持微信H5网页和微信原生小程序的开源UI组件

ColorUI

ColorUI是开源且支持原生小程序的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}}’ 来配置theme.wxss 每个页面@import 这个theme.wxss#dark .header{}切换按钮全局变量：globalData:{skin:“normal”}. //app.js文件中页面中bgBtn事件bgbtn:function(){ this.setData({

SkinStyle: app.globalData.skin //设置SkinStyle的值

}) wx.setStorage({ //设置storage key: 'skins', data: app.globalData.skin,

})}页面的Page中的onLoad事件里，读取storage并设置SkinStyle的值onLoad: function (options) { var that=this

wx.getStorage({

key: 'skins',

success: function(res) {that.setData({ SkinStyle: res.data }) }, })}

---