在mpvue中引用vant weapp

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

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

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

一、

二、

三、

四、全选复制

五、进入本身的项目的static文件夹

六、新建一个vant文件夹

七、把刚才复制的全部东西，丢进去

八、项目如图：

九、单个页面中建立main.json文件

十、使用的组件名称引入

{
    "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>

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