1,官网组件有关介绍参考。
2,使用npm安装或下载安装包:vant-weapp
3, 项目中引入vant-weapp组件步骤。
① 在根目录下创建 wxcomponents文件夹。
② wxcomponents文件夹下新建vant文件夹。
创建完成后的目录结构 ↓
③ 将dist目录复制粘贴到新建的vant文件夹中。
④ 在App.vue文件里进行以下操作。
@import "/wxcomponents/vant/dist/common/index.wxss";
⑤ 在pages.json文件里进行以下操作。
"usingComponents":{
"van-button": "/wxcomponents/vant/dist/button/index"
}
⑥
⑦效果。