vant 验证手机号_【uni app】vant weapp的引入和部分详细调用（表单输入框、验证码、弹出层搭配选择器、地图）...

本次小程序的开发使用uni app+vant weapp，vant weapp如何引用和部分组件使用方法如下

引入

在github(https://github.com/youzan/vant-weapp)下载dist文件，在项目目录下创建wxcomponents/vant，把dist文件复制进来

在pages.json中，如果很多个页面都会引用某组件，就在globalstyle中引入

"globalStyle": {

"navigationBarTextStyle": "black",

"navigationBarTitleText": "uni-app",

"navigationBarBackgroundColor": "#F8F8F8",

"backgroundColor": "#F8F8F8",

"usingComponents": {

"van-button": "/wxcomponents/vant/button/index",

"van-icon": "/wxcomponents/vant/icon/index",

"van-cell": "/wxcomponents/vant/cell/index"

}

}

单页引用，在对应页的style中

{

"path": "pages/home/home",

"style": {

"navigationBarTitleText": "首页",