2019獨角獸企業重金招聘Python工程師標準>>>

使用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、使用的組件名稱引入

{"usingComponents": {"van-button": "/static/vant/button/index","van-cell": "/static/vant/cell/index","van-cell-group": "/static/vant/cell-group/index","van-popup": "/static/vant/popup/index","van-datetime-picker": "/static/vant/datetime-picker/index","van-field": "/static/vant/field/index","van-picker": "/static/vant/field/index","van-dialog": "/static/vant/dialog/index","van-toast": "/static/vant/toast/index"} } <van-cell title="姓名" is-link><div><input type="text"></div></van-cell>

-------------------------------------分割線------------------------------------------------------------

轉載于:https://my.oschina.net/u/3883810/blog/3025120

總結

以上是生活随笔為你收集整理的在mpvue中引用vant weapp的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。