傳送門:vant weapp文檔地址
uniapp文檔地址
前提:已經有uniapp項目
第一步: 新建存放組件的目錄
根目錄下創建 wxcomponents
wxcomponents下新建vant目錄
第二步: 項目中引入vant-weapp組件
在vant-weapp的GitHub Releases版塊下載最新的zip包
解壓下載文件,將dist目錄拷貝到剛纔創建vant目錄中
第三步:具體組件引入
將絕大多數界面需要使用的組件在pages.json的globalStyle中引入,如下圖所示
若僅是單界面使用,可在對應的界面下的usingComponents中引入
第四步:在界面中使用
到此即完成了在uniapp中引入並使用vant weapp