在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