微信小程序引入vant Weapp組件


一.打開小程序項目,選中miniprogram,右鍵在“終端打開”

輸入命令:npm init(記得以管理員身份運行開發工具),然后一直回車,直至在miniprogram文件夾下,生成package.json文件。

二.打開官網,https://youzan.github.io/vant-weapp/#/intro

 

通過npm安裝,執行以下命令

 

       1:npm install --production

 

       2: npm i @vant/weapp -S --production

 

三.構建 npm 包

打開微信開發者工具,點擊 工具 -> 構建 npm,並點擊詳情,勾選 使用 npm 模塊 選項,構建完成后,即可引入組件

 

四:引入組件

 

在子頁面中的.json文件。

  "van-button": "path/to/@vant/weapp/dist/button/index"

改為:"van-button": "@vant/weapp/button"

 

 

wxml文件中,加入:

van-button type="danger">危險按鈕</van-button>

 

 

 


免責聲明!

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



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