新手快速入門微信小程序組件庫 iView Weapp

發(fā)布時間：2020-09-15 19:56:51 來源：腳本之家閱讀：159 作者：祈澈菇涼欄目：web開發(fā)

介紹

iView Weapp 提供了與 iView 一致的 UI 和盡可能相同的接口名稱，大幅度降低了學習成本，是一套一套高質量的微信小程序 UI 組件庫。

使用步驟

1：首先在github上面下載組件庫代碼

github

新手快速入門微信小程序組件庫 iView Weapp

2：下載之后解壓

可以看到解壓的組件文件內容，選擇 dist文件，將 dist 目錄拷貝到自己的小程序項目中

新手快速入門微信小程序組件庫 iView Weapp

3：開始寫代碼

寫頁面效果，寫一個按鈕

在json文件里面引入組件

{
"usingComponents": {
"i-button": "../../dist/button/index"
}
}

在wxml頁面,，復制文檔組件庫代碼示例

<i-button type="primary" bind:click="handleClick">這是一個按鈕</i-button>

代碼完成之后，可以在左側查看按鈕效果

新手快速入門微信小程序組件庫 iView Weapp

結語

iView Weapp和Vant的用法相似，再開發(fā)小程序的時候，都屬于一個很好用的組件庫，簡單容易，只要引入即可使用，對于不想寫代碼的寶寶們來說，是一個不錯的選擇。

以上就是本文的全部內容，希望對大家的學習有所幫助，也希望大家多多支持億速云。

向AI問一下細節(jié)

猜你喜歡