微信小程序使用Vant

千万不要 npm 安装！！

选择下载源码这种方式，可以少踩很多坑

git下载

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

地址：https://gitee.com/amateur_gang/vant

 

在我的项目根目录下新建了一个文件夹 

vant-weapp

然后我把下载下来的dist文件夹拷贝到vant-weapp文件夹下

 

在当前page下的json文件下引用

{
        "navigationBarTitleText": "理财",
        "usingComponents": {
                "van-button": "/vant-weapp/dist/button/index"
              }
}

注意路径！！

然后在wxml文件中使用就可以啦

<van-button type="default">默认按钮</van-button>
<van-button type="primary">主要按钮</van-button>
<van-button type="info">信息按钮</van-button>
<van-button type="warning">警告按钮</van-button>
<van-button type="danger">危险按钮</van-button>