個啥？：小程序界的Bootstrap 
去哪下？：//github.com/weui/weui/blob/master/README_cn.md 
干啥使？：就是企鵝公司告訴你，你的小程序要和我微信要保持一個尿性，一樣式的。 
咋(za)使呢？：把東(dong)西(xi)下載下來，怎么(me)用呢，不(bu)然不(bu)白下了(le)嗎？網吧(ba)的兩(liang)塊錢(qian)不(bu)白花了(le)嗎？往下瞅

1.找到你下載的目錄 
注意是在【weui-wxss/dist/style/】目(mu)錄下(xia)(xia)，不(bu)要【weui-wxss/src】目(mu)錄里面下(xia)(xia)載(zai)

2.將weui.wxss拷貝到小程序根目錄中 
 
3.在app.wxss或頁面wxss導入(ru)weui.wxss

/**app.wxss**/
@import 'weui.wxss';

• 1
• 2

• 1
• 2

4.weui也(ye)提供了單(dan)個組件的樣式(shi)引入，流程同上。

5 根(gen)組件使用class=”page”

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

• 1

• 1

6 頁面(mian)骨架

<view class="page">
<view class="page__hd"></view><!--頁頭-->
<view class="page__bd"></view><!--主體-->
<view></view><!--沒有頁腳-->
</view>

• 1
• 2
• 3
• 4
• 5

• 1
• 2
• 3
• 4
• 5

7 除此之外(wai)都是按(an)照weui-開頭后接組件名稱，例如class=”weui-footer”

<view class="weui-footer">我是頁腳</view>

• 1

• 1

8 組件的(de)子組件樣(yang)式(shi)，例如view.weui-footer組件還有鏈接和版權信息。

<view class="weui-footer">
<view class="weui-footer__links">
    <navigator url="" class="weui-footer__link">哎呀我去劉老師</navigator>
</view>
<view class="weui-footer__text">Copyright © 業界良心</view>
</view>

• 1
• 2
• 3
• 4
• 5
• 6

• 1
• 2
• 3
• 4
• 5
• 6

9.具體組件在小程序中(zhong)新(xin)建個(ge)項目，地址指向(xiang)weui-wxss-master\dist，就(jiu)可以隨時查找自己要(yao)的(de)效(xiao)果，剩(sheng)下(xia)的(de)就(jiu)是復制粘貼了

Tips：組件(jian)和子組件(jian)使用(yong)兩個下劃(hua)線(xian)銜接，所以要區分什(shen)么時候(hou)用(yong)”-“,什(shen)么時候(hou)用(yong)”__”