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

微信小程序接入vant Weapp組件的詳細步驟

 更新時間:2020年10月28日 10:46:44   作者:小佑@小佐  
這篇文章主要介紹了微信小程序接入vant Weapp組件的詳細步驟,本文通過圖文并茂的形式給大家介紹的非常詳細,對大家的學(xué)習(xí)或工作具有一定的參考借鑒價值,需要的朋友可以參考下

剛創(chuàng)建的項目的文件結(jié)構(gòu)

在這里插入圖片描述

首先在你項目的根目錄下打開終端,輸入npm init 對項目初始化

在這里插入圖片描述

這時會生成pachage.json文件。

在這里插入圖片描述

繼續(xù)在終端運行以下命令

在這里插入圖片描述

我這里用這個:

npm i vant-weapp -S --production

運行完如圖所示:

在這里插入圖片描述

安裝成功后 回到小程序開發(fā)工具 點擊 工具 => 構(gòu)建npm

在這里插入圖片描述

運行完截圖:

在這里插入圖片描述

完成后在編輯器右邊的詳情把紅框內(nèi)的打勾上

在這里插入圖片描述

使用組件

在你想使用組件庫的的json文件內(nèi)引入組件。比如你想在fundIncome頁面內(nèi)使用button組件。

在這里插入圖片描述

效果:

在這里插入圖片描述

上面的代碼就參照vant的官網(wǎng)文檔了。

到此這篇關(guān)于微信小程序接入vant Weapp組件的詳細步驟的文章就介紹到這了,更多相關(guān)小程序vant Weapp組件內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家!

相關(guān)文章

最新評論