在小程序中引入有贊的vant框架組件


這里給大家講解小程序中如何引入vant組件(我這里是采用小程序的雲開發模板)

1.首先在項目的miniprogram文件夾右鍵在終端中打開,輸入命令npm init初始化生成一個package.json的文件(不想私人定制,一鍵enter即可生成該文件)

2.進入到有贊vant weapp官網看安裝文檔,地址:https://youzan.github.io/vant-weapp/#/quickstart

3.使用命令npm i vant-weapp -S --production快速安裝vant-weapp下的所有組件

4.此時需要在小程序中的工具菜單下點擊構建npm

5.此時項目中就會有一個miniprogram_npm的目錄,里面就是所下載的組件文件

6.別忘了,此時還需要點擊小程序的詳情按鈕,勾選使用npm模塊才可以使用下載的組件

7.在想使用組件的頁面所在目錄下的json文件的

"usingComponents": {
"van-button": "vant-weapp/button"
}
8.在wxml中直接使用
<van-button type="danger">危險按鈕</van-button>即可
 
 
大功告成~~~


免責聲明!

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



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