uni-app中导入vant-wepp ui

一，下载vant
https://github.com/youzan/vant
二、解压：并且复制根目录的下dist目录

新建一个uni-app项目

在项目的更目录下新建一个wxcomponents目录

在新建的wxcomponents目录下新建vant目录

将刚刚复制的dist目录粘贴到该目录下

接下来，在APP.vue中引入组件文件

@import "/wxcomponents/vant/dist/common/index.wxss";

在pages.json中定义需要使用的组件有两种方法
1、

"usingComponents":{
								    "van-button": "/wxcomponents/vant/dist/button/index"
				},

注：这种方法只能作用于index页面，若想作用于所有页面，则需要在globalStyle中定义

"usingComponents":{
						    "van-button": "/wxcomponents/vant/dist/button/index"
		}

新建一个测试页面：

效果：

over！！！