Gallery画廊

用于多张图片展示,类似原生的wx.previewImage的展示。

代码引入

在 page.json 中引入组件

  1. {
  2. "usingComponents": {
  3. "mp-gallery": "weui-miniprogram/gallery/gallery"
  4. }
  5. }

示例代码

属性列表

属性类型默认值说明
extClassstring组件类名
showbooleantrue组件展示/隐藏
imgUrlsarray[]需要展示的图片集
currentnumber0当前展示的图片index
showDeletebooleantrue是否显删除按钮
hideOnClickbooleantrue点击图片是否隐藏该组件

自定义事件

事件名称说明回调参数
change当前图片滑动切换之后触发e.detail = { current } 当前图片的位置
delete当前图片被删除后触发(delete 属性需要设为 true)e.detail = { url, index } 被删除图片的 url 和 index
hide组件被隐藏时候触发(hideOnClick 属性需要设为 true)