uniapp 微信小程序引入vant weappp

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

第四步:在界面中使用
在這裏插入圖片描述 到此即完成了在uniapp中引入並使用vant weapp