vantui uniapp

VantUI Uniapp是一个基于Vant组件库的Uniapp示例。这个示例最初是从Vant官方发布的微信小程序示例转换而来，支持微信小程序但不支持H5。VantUI Uniapp的组件库都位于工程的wxcomponents目录下，示例页面位于pages目录下。

要在Uniapp中使用VantUI组件，你需要在对应的页面的style对象中添加组件路径。例如，在pages/index/index页面中，你可以这样注册和使用van-button组件：

{
  "pages": [
    {
      "path": "pages/index/index",
      "style": {
        "navigationBarTitleText": "uni-app",
        "usingComponents": {
          "van-button": "/wxcomponents/vant/button/index"
        }
      }
    }
  ],
  ...
}

在App.vue中，你还需要引入VantUI的样式。可以使用如下代码：

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

然后，在对应的页面的pages.json文件中，你可以引入需要使用的组件。例如，在pages/index/index页面中，可以这样引入van-action-sheet和van-uploader组件：

"pages": [
  {
    "path": "pages/index/index",
    "style": {
      "navigationBarTitleText": "当前页名称",
      "usingComponents": {
        "van-action-sheet": "/wxcomponents/vant/dist/action-sheet/index",
        "van-uploader": "/wxcomponents/vant/dist/uploader/index"
      }
    }
  }
]

最后，你可以在页面中使用VantUI组件。例如，使用van-uploader组件：

<van-uploader :file-list="fileList" max-count="1" accept='image' :multiple='true' :deletable='true' capture="['album','camera']" @after-read="afterRead" @delete='deleteImg' />

这样就可以在你的Uniapp项目中使用VantUI组件了。记得按照VantUI官网的语法进行使用和配置。