微信小程序中引用VantUI組件


一:首先進入根目錄下創建package.json

npm init

一路回車下去,最后打yes

 

 二:第二步,下載miniprogram依賴

npm i miniprogram-sm-crypto --production

然后點擊工具-構建npm,如圖

 

 構成成功在目錄中會多個miniprogram目錄

 

 三:第三步安裝vant組件

npm i vant-weapp -S --production

安裝成功,點擊工具-構建-構建成功會多個vant-weapp目錄

 

 

四:下面就是使用組件了,收入在項目頁面中引入

"usingComponents": {
  "van-button": "vant-weapp/button/index"
},

這里面最外面miniprogram不需要引入,直接是里面組件名稱目錄

五:在頁面中使用

 <van-button type="primary">按鈕</van-button> 

最后大功告成!如圖

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM