通過useExtendedLib擴展庫的方式 引入並使用WeUI

通過useExtendedLib擴展庫的方式 引入並使用WeUI

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

  "useExtendedLib": {
    "weui": true
  }

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

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

第三步,在所需要的頁面中調用該組件 

<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>

最後,看一下效果圖,具體的屬性可以看一下 官方的文檔 ( 點這裏呦 ),才疏學淺,如有不足,歡迎補充  ヘ( ̄ω ̄ヘ)

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章