WeUI 是一套同微信原生视觉体验一致的基础样式库，由微信官方设计团队为微信内网页和微信小程序量身设计，令用户的使用感知更加统一。包含button、cell、dialog、 progress、 toast、article、actionsheet、icon等各式元素。WeUI 为微信 Web 服务量身设计的h5框架。严格的讲它是一个css库。算一个精简的库，它是使用less编写，最终编译成css，压缩成weui.min.css
WeUI使用方法
WeUI 是一套与微信原生 UI 一致的 UI 库，核心文件是 weui.css，只需要获取到该文件，然后在页面中引入，即可使用 WeUI 的组件。
微信官方、BootCDN 和 cdnjs 为 WeUI 提供了 CDN 链接，推荐使用，链接如下：
v2.1.3
https://res.wx.qq.com/open/libs/weui/2.1.3/weui.css
https://res.wx.qq.com/open/libs/weui/2.1.3/weui.min.css
v1.1.3
https://res.wx.qq.com/open/libs/weui/1.1.3/weui.css
https://res.wx.qq.com/open/libs/weui/1.1.3/weui.min.css
v0.4.3
https://res.wx.qq.com/open/libs/weui/0.4.3/weui.css
https://res.wx.qq.com/open/libs/weui/0.4.3/weui.min.css
其他资源
来源 地址
微信官方 //res.wx.qq.com/open/libs/weui/1.1.3/weui.min.css
微信官方 //res.wx.qq.com/open/libs/weui/0.4.3/weui.min.css
BootCDN //cdn.bootcss.com/weui/0.4.3/style/weui.css
cdnjs //cdnjs.cloudflare.com/ajax/libs/weui/0.4.3/style/weui.css
（注：cdnjs服务器在国外）
WeUI演示列表及代码
- actionsheet 预览 代码
- article 预览 代码
- badge 预览 代码
- button 预览 代码
- dialog 预览 代码
- flex 预览 代码
- footer 预览 代码
- form 预览 代码
- gallery 预览 代码
- grid 预览 代码
- half-screen-dialog 预览 代码
- icons 预览 代码
- list 预览 代码
- loadmore 预览 代码
- msg_success 预览 代码
- msg_text 预览 代码
- msg_text_primary 预览 代码
- msg_warn 预览 代码
- navbar 预览 代码
- panel 预览 代码
- picker 预览 代码
- preview 预览 代码
- progress 预览 代码
- searchbar 预览 代码
- slider 预览 代码
- tabbar 预览 代码
- toast 预览 代码
- uploader 预览 代码
WeUI第三方扩展
- airyland/vux
- cipchk/ngx-weui
- pengtikui/weui-extension
- kevyu/weui-sass
- Eric-Guo/weui-rails(Using kevyu/weui-sass)
- n7best/react-weui
- aidenzou/vue-weui
- adcentury/vue-weui
- ZTfer/weui-sketch
- i5ting/weui-practice
weui的优点
它很好的解决推入和返回的问题
它有微信一样的ui界面
它还提供了基本的ui组件（弹出框，actionsheet等）
weui的缺点
页面内容过长的时候，滑动不流畅，但可以通过iscroll修正
文章源自 设计联盟 www.DesignLinks.cn 中国最具影响力的创意设计综合网站
