uni-app如何使用vant-ui

1、前提：已經有uni-app項目

2、小程序版 Vant Weapp文檔地址：https://youzan.github.io/vant-weapp/#/home

3、在項目中創建一個文件夾叫 wxcomponents，注意這個文件和pages文件夾平級。

4、前往https://github.com/youzan/vant-weapp下載壓縮文件，將該項目的dist文件夾替換wxcomponents => vant下的dist文件夾

5、在根目錄下App.vue中引入index.wxss

@import "/wxcomponents/vant/dist/common/index.wxss";

6、在pages.json頁面將vant的組件注冊到對應的頁面

"usingComponents": {
    "van-row": "/wxcomponents/vant/dist/row/index",
    "van-col": "/wxcomponents/vant/dist/col/index",
    "van-icon": "/wxcomponents/vant/dist/icon/index",
    "van-button": "/wxcomponents/vant/dist/button/index"
}

 7、即可在配置好的頁面使用當前組件

<template>
  <view class="content">
    <van-button type="primary">默認按鈕</van-button>
  </view>
</template>

8、也可以將usingComponents配置到globalStyle下，這樣全局頁面都可以使用