uni-app如何使用vant组件库

一、下载vant压缩包

Releases · youzan/vant-weapp (github.com)

uni-app如何使用vant组件库_第1张图片
二、在小程序根目录新建wxcomponents文件夹,把解压后的dist文件放入wxcomponents中,并改dist名为vant
uni-app如何使用vant组件库_第2张图片
  1. 配置pages.json:

uni-app如何使用vant组件库_第3张图片

或者:

uni-app如何使用vant组件库_第4张图片
  1. APP.vue引入全局样式:

三、组件内使用
uni-app如何使用vant组件库_第5张图片

你可能感兴趣的:(uni-app,前端)