# Gallery画廊

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

# 代码引入

在 page.json 中引入组件

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

# 属性列表

属性 类型 默认值 说明
extClass string 组件类名
show boolean true 组件展示/隐藏
imgUrls array [] 需要展示的图片集
current number 0 当前展示的图片index
showDelete boolean true 是否显删除按钮
hideOnClick boolean true 点击图片是否隐藏该组件

# 自定义事件

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