1. 新建相關目錄
根目錄下創(chuàng)建 wxcomponents
wxcomponents下新建vant目錄
創(chuàng)建完成后的目錄結構
2. 項目中引入vant-weapp組件
在vant-weapp的GitHub?Releases版塊下載最新的zip包
解壓下載文件,將dist目錄拷貝到剛才創(chuàng)建vant目錄中
3. 頁面中使用引入的UI組件
在App.Vue文件中style部分引入UI組件庫的 樣式文件
@import"/wxcomponents/vant/dist/common/index.wxss";
在pages.json配置文件中,注冊頁面需要的組件
{"path":"pages/index/index","style": {"usingComponents":{"van-button":"/wxcomponents/vant/dist/button/index"},"navigationBarTitleText":"首頁"}}
