小程序引用UI库-weUI

WeUI for 小程序 为微信小程序量身设计

WeUI 是一套同微信原生视觉体验一致的基础样式库，由微信官方设计团队为微信内网页和微信小程序量身设计，令用户的使用感知更加统一。包含button、cell、dialog、 progress、 toast、article、actionsheet、icon等各式元素。

github地址：(https://github.com/Tencent/weui-wxss)
js文档:(https://github.com/Tencent/weui.js/blob/master/docs/README.md)

引用步骤：
1.在github上download

image.png

2.在dist目录下example是wxml的事例，style是weui的样式
3.新建一个小程序项目，把weui.wxss文件，拷贝到自己项目文件的根目录或是其他目录（这里以根目录为准）
4.在app.wxss里面 引用 @import "weui.wxss";就可以全局使用了。

<button class="weui-btn mini-btn" type="primary" size="mini">按钮</button>
<button class="weui-btn mini-btn" type="default" size="mini">按钮</button>
<button class="weui-btn mini-btn" type="warn" size="mini">按钮</button>

weUI是纯样式组件，所以引用了wxss文件就可以使用的。可以扫描weui二维码预览下。wxml不知道用什么写怎么的话可以去example里面参考下。

image.png

～～～～～～～～～～～