欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

微信小程序引入VANT組件的方法步驟

 更新時(shí)間:2019年09月19日 09:54:26   作者:薇薇  
這篇文章主要介紹了微信小程序引入VANT組件的方法步驟,文中通過(guò)示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧

1.右鍵項(xiàng)目名稱->在終端中打開


2.在終端輸入 npm init 用來(lái)初始化,然后一直回車默認(rèn)就Ok。

之后項(xiàng)目中會(huì)出現(xiàn) project.config.json


內(nèi)容為當(dāng)前項(xiàng)目的配置信息以及依賴包的管理。

3.安裝vant依賴包(在終端輸入)

npm i vant-weapp -S --production

4.進(jìn)入小程序開發(fā)工具,選擇左上角 工具->構(gòu)建npm


完成之后項(xiàng)目里會(huì)多出依賴包

5.點(diǎn)擊右上角詳情并勾選使用npm模塊。


6.選擇要在哪個(gè)pages里使用該組件

這里以pages下的movie舉例,寫一個(gè)簡(jiǎn)單的按鈕。

如圖 在對(duì)應(yīng)的json文件中引入vant的button


7.在對(duì)應(yīng)wxml文件,寫如下代碼:

<van-button type="default">默認(rèn)按鈕</van-button>
<van-button type="danger">主要按鈕</van-button>


效果圖如下:

注意:若樣式?jīng)]出來(lái),重復(fù)步驟4。

以上就是本文的全部?jī)?nèi)容,希望對(duì)大家的學(xué)習(xí)有所幫助,也希望大家多多支持腳本之家。

相關(guān)文章

最新評(píng)論