翼友网络科技公司

本篇文章给大家谈谈小程序开发ui框架，以及小程序 ui 框架对应的知识点，希望对各位有所帮助，不要忘了收藏本站喔。

本文目录一览：

• 1、微信小程序ui框架有哪些
• 2、小程序ui框架系列之 换肤功能
• 3、基于uniapp开发的UI框架有哪些？

微信小程序ui框架有哪些

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

推荐两个小程序UI框架：

WeUI

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

ColorUI

ColorUI是开源且支持原生小程序的UI组件，由于我目前在帮朋友改一个原生的微信小程序，所以就选择了这款开源组件。

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

小程序实现换肤功能结构view class='0e96ac4f503d1351 page' id='{{SkinStyle}}'

view class='ac4f503d13518e03 header'

view class='503d13518e0323db 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 }) }, })}

基于uniapp开发的UI框架有哪些？

1、如果是uni-app那就选uview( 完美，好用 )，兼顾满足小程序、APP、H5等。2、如果是 Angular 那就选 Ionic (一对好 CP)。3、如果是 Vue 那就选 Vux (基于 WeUI)4、如果是 jQuery 那就选 Framework7 (iOS 和 Android 双皮肤)。谢谢你，如果你有这方面的问题的话，您可以随时询问我

关于小程序开发ui框架和小程序 ui 框架的介绍到此就结束了，不知道你从中找到你需要的信息了吗 ？如果你还想了解更多这方面的信息，记得收藏关注本站。

小程序开发ui框架