1.创建wxcomponents文件夹放入解压后的文件
2.在pages.json文件的globalStyle部分添加代码
该部分代码不全,有需要参照Vant Weapp引入
"usingComponents": {
"van-button": "wxcomponents/vant/dist/button/index",
"van-tab": "wxcomponents/vant/dist/tab/index",
"van-tabs": "wxcomponents/vant/dist/tabs/index",
"van-row": "wxcomponents/vant/dist/row/index",
"van-col": "wxcomponents/vant/dist/col/index",
"van-cell": "wxcomponents/vant/dist/cell/index",
"van-cell-group": "wxcomponents/vant/dist/cell-group/index",
"van-card": "wxcomponents/vant/dist/card/index",
"van-tag": "wxcomponents/vant/dist/tag/index",
"van-divider": "wxcomponents/vant/dist/divider/index",
"van-uploader": "wxcomponents/vant/dist/uploader/index",
"van-image": "wxcomponents/vant/dist/image/index",
"van-field": "wxcomponents/vant/dist/field/index",
"van-dialog": "wxcomponents/vant/dist/dialog/index",
"van-popup": "wxcomponents/vant/dist/popup/index",
"van-nav-bar": "wxcomponents/vant/dist/nav-bar/index",
"van-icon": "wxcomponents/vant/dist/icon/index",
"van-swipe-cell": "wxcomponents/vant/dist/swipe-cell/index",
"van-search": "wxcomponents/vant/dist/search/index",
"van-radio": "wxcomponents/vant/dist/radio/index",
"van-radio-group": "wxcomponents/vant/dist/radio-group/index",
"van-rate": "wxcomponents/vant/dist/rate/index",
"van-picker": "wxcomponents/vant/dist/picker/index",
"van-datetime-picker": "wxcomponents/vant/dist/datetime-picker/index",
"van-action-sheet": "wxcomponents/vant/dist/action-sheet/index",
"van-calendar": "wxcomponents/vant/dist/calendar/index"
}
3.创建vant.scss文件引入
@import "/wxcomponents/vant/dist/common/index.wxss";
4.在App.vue中引入vant.scss
@import "vant.scss";