微信UI組件庫(kù) iView Weapp
介紹:iView Weapp 提供了與 iView 一致的 UI 和盡可能相同的接口名稱嫩与,大幅度降低了學(xué)習(xí)成本晓避,是一套一套高質(zhì)量的微信小程序 UI 組件庫(kù)。
使用步驟
1:首先在github上面下載組件庫(kù)代碼
https://github.com/TalkingData/iview-weapp
2:下載之后解壓乙帮,可以看到解壓的組件文件內(nèi)容杜漠,選擇 dist文件
將 dist 目錄拷貝到自己的小程序項(xiàng)目中
3:開(kāi)始寫(xiě)代碼,寫(xiě)頁(yè)面效果察净,寫(xiě)一個(gè)按鈕
在json文件里面引入組件
{
"usingComponents": {
"i-button": "../../dist/button/index"
}
}
在wxml頁(yè)面,碑幅,復(fù)制文檔組件庫(kù)代碼示例
<i-button type="primary" bind:click="handleClick">這是一個(gè)按鈕</i-button>
代碼完成之后,可以在左側(cè)查看按鈕效果
iView Weapp和Vant的用法相似塞绿,再開(kāi)發(fā)小程序的時(shí)候沟涨,都屬于一個(gè)很好用的組件庫(kù),簡(jiǎn)單容易异吻,只要引入即可使用裹赴,對(duì)于不想寫(xiě)代碼的寶寶們來(lái)說(shuō),是一個(gè)不錯(cuò)的選擇诀浪。
五分鐘上手Vant棋返,快速搭建小程序界面樣式
http://www.reibang.com/p/fd0643195245