阅读 16

通过useExtendedLib扩展库的方式 引入并使用WeUI

转:blog.csdn.net/Hero_rong/a…

通过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>
复制代码

最后,看一下效果图,具体的属性可以看一下 官方的文档 ( 点这里呦 )