更新记录

1.0.0（2023-08-18） 下载此版本

小程序vantui组件库

平台兼容性

uni-app

小程序自定义组件的通用使用方式详见：uni-app中使用小程序自定义组件教程

使用教程

很多小伙伴在uniapp基础上喜欢使用其他的ui库，其中包括vantUI，但引入过程中碰到不少问题，为了方便引入vantui，所以打包上传了。

第一步：下载本组件到指定项目

第二步：在指定项目中，同pages级下新建目录，名称为wxcomponents

第三步：找到下载的插件，把/wx-vant-components/wxcomponents/wx-vant-components/下所有的组件都复制到第二步将的目录中即可。

第四步：打开pages.json，加入如下代码：

  "usingComponents": {
        //按需引入组件(以button为例)
        "van-button": "/wxcomponents/button/index",
      "van-field": "/wxcomponents/field/index"
  }

最后一步：使用

  <template>
    <view class="content">
        <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>
    </view>
  </template>

  <script>

    export default {
        data() {
            return {

            }
        }
    }
  </script>

  <style>

  </style>