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