微信公众号 几种移动端UI框架介绍
微信公众号开发,主要是移动端网页的页面开发,在这里推荐3个移动端UI框架:WeUI、SUI和Mint UI。

1. WeUI
1.1 WeUI
WeUI是微信官方设计团队为微信 Web 开发量身设计,可以令用户在HTML5应用中的使用感知更加统一。

组件包含button、cell、dialog、 progress, toast、article、icon等等。

资源
官方Demo:https://weui.io/

Github:https://Github.com/weui/weui (★13402)

js支撑:weui.js

缺点:缺少高级组件;截至目前,WeUI还未提供swiper、上拉加载、下拉刷新组件。

示例
   

1.2 weui.js
为WeUI的的轻量级 js 封装。提供了Alert、Confirm、Toast、Loading、ActionSheet等等交互功能。

资源
官网Demo:https://weui.io/weui.js/

Github:https://Github.com/weui/weui.js/

示例
 流行的移动端UI框架-风君雪科技博客 流行的移动端UI框架-风君雪科技博客

2. SUI
SUI Mobile 是阿里巴巴共享业务事业部SDC团队(UED)提供的一套手机UI库。

是一套基于 Framework7 非常适合开发跨平台Web App的UI库。

组件包含下拉刷新、上拉加载、日历、省市选择器、幻灯片、路由等等。

资源
官网:http://m.sui.taobao.org/

官方Demo:http://m.sui.taobao.org/demos/

Github:https://Github.com/sdc-alibaba/SUI-Mobile (★4437)

js支撑:Zepto.js;SUI需要Zepto.js的支撑。

注意:此UI框架最后有效提交日期为2016/04/27,根据自身业务需求是否使用此框架。

示例

流行的移动端UI框架-风君雪科技博客流行的移动端UI框架-风君雪科技博客
 

3. Mint UI
Mint UI是饿了么推出的一款基于Vue的移动端UI框架。

资源
文档:http://mint-ui.Github.io/docs/#!/zh-cn2

官方Demo:http://elemefe.Github.io/mint-ui/#/

Github:https://Github.com/ElemeFE/mint-ui/

js支撑:Vue.js;Mint UI分别提供了支持Vue1和Vue2的版本。

示例

流行的移动端UI框架-风君雪科技博客流行的移动端UI框架-风君雪科技博客

4、jquery weui

jQuery WeUI 是专为微信公众账号开发而设计的一个简洁而强大的UI库,包含全部WeUI官方的CSS组件,并且额外提供了大量的拓展组件,丰富的组件库可以极大减少前端开发时间。

jQuery WeUI 的最大特点是它只提供UI组件,并不会对项目所使用的框架和其他库有任何的限制,几乎可以在任何环境下使用。无论你的项目是基于jQuery,还是 React, Angular, Vue, 你都会发现 jQuery WeUI 能非常方便的和他们结合使用。既是你的项目是一个有很悠久历史的老项目,也几乎可以做到拿来即用。

jQuery WeUI 提供了总共30+ 个非常实用的组件:列表,表单,卡片,对话框,下拉刷新等。

官方网站:http://www.jqweui.cn/

5、mui

mui是dcould公司出品的前端框架,号称最接近原生App体验的前端框架

官方网站:https://www.dcloud.io/mui.html