WeUI 在小程序中使用

才接触小程序。想找个ui框架。。也不知道咋弄；

下载地址：点击打开链接

1. 将weui-wxss-master\dist\style\weui.wxss文件导入到小程序项目的根目录下
   
2. 引入weui.wxss
   
3. 方式一：在app.wxss内或者需要的页面引入style/weui.wxss。
   
4. 方式二：在app.wxss内或者需要的页面引入style/widget下的组件的wxss

 

根组件


<view class="page">
</view>



页头和主体使用class="page__xx"(注意是两个下划线)
<view class="page">
<!--页头-->
<view class="page__hd"></view>
<!--主体-->
<view class="page__bd"></view>
</view>


 



其他组件采用weui-xx，例如class = "weui-flex"。
<view id="{{item.id}}" class="weui-flex" >
   <view class="weui-flex__item">{{item.name}}</view>
   <image class="kind-list__img" src="images/icon_nav_{{item.id}}.png"></image>
</view>



 以上都收集自网络。自己用过可以的。