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

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

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

1.右鍵項目名稱->在終端中打開


2.在終端輸入 npm init 用來初始化,然后一直回車默認就Ok。

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


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

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

npm i vant-weapp -S --production

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


完成之后項目里會多出依賴包

5.點擊右上角詳情并勾選使用npm模塊。


6.選擇要在哪個pages里使用該組件

這里以pages下的movie舉例,寫一個簡單的按鈕。

如圖 在對應的json文件中引入vant的button


7.在對應wxml文件,寫如下代碼:

<van-button type="default">默認按鈕</van-button>
<van-button type="danger">主要按鈕</van-button>


效果圖如下:

注意:若樣式?jīng)]出來,重復步驟4。

以上就是本文的全部內(nèi)容,希望對大家的學習有所幫助,也希望大家多多支持腳本之家。

相關(guān)文章

最新評論