第一步,在app.json 中加入 useExtendedLib 字段

  "useExtendedLib": {
    "weui": true
  }

app.json.png

第二步,在所需要的页面的 json 文件中 加入 usingComponents 字段

  "usingComponents": {
    "mp-uploader": "weui-miniprogram/uploader/uploader",
    "mp-cells": "weui-miniprogram/cells/cells",
    "mp-cell": "weui-miniprogram/cell/cell"
  }

index.json.png

第三步,在所需要的页面中调用该组件

<mp-cells>
  <mp-cell>
    <mp-uploader bindfail="uploadError" bindsuccess="uploadSuccess" select="{{selectFile}}" upload="{{uplaodFile}}" files="{{files}}" max-count="6" title="资料上传" tips="已加密请放心上传"></mp-uploader>
  </mp-cell>
</mp-cells>

最后,最后,看一下效果图

xiaoguo.png

感谢在最后:https://blog.csdn.net/Hero_rong/article/details/107063655

标签: none

添加新评论