在mpvue中引用vant weapp

在mpvue中引用vant weapp

使用mpvue作为框架，引入第三方的ui框架 vant-weapp

vant-weapp: https://github.com/youzan/vant-weapp

下载vant-weapp的资源:https://github.com/youzan/vant-weapp.git

1、

2、

3、

4、全选复制

5、进入自己的项目的static文件夹

6、新建一个vant文件夹

7、把刚才复制的所有东西，丢进去

8、项目如图：

9、单个页面中创建main.json文件

10、使用的组件名称引入

1.  
   {
2.  
   "usingComponents": {
3.  
   "van-button": "/static/vant/button/index",
4.  
   "van-cell": "/static/vant/cell/index",
5.  
   "van-cell-group": "/static/vant/cell-group/index",
6.  
   "van-popup": "/static/vant/popup/index",
7.  
   "van-datetime-picker": "/static/vant/datetime-picker/index",
8.  
   "van-field": "/static/vant/field/index",
9.  
   "van-picker": "/static/vant/field/index",
10.  
    "van-dialog": "/static/vant/dialog/index",
11.  
    "van-toast": "/static/vant/toast/index"
12.  
    }
13.  
    }

1.  
   <van-cell title="姓名" is-link>
2.  
   <div>
3.  
   <input type="text">
4.  
   </div>
5.  
   </van-cell>

-------------------------------------分割线------------------------------------------------------------

 

转载于:https://my.oschina.net/u/3883810/blog/3025120