SlugTeam

# SwiperImage 图片查看器 0.16.0+

图片查看器，为 Swiper 翻页 组件的高级封装实现

# 用法

# 基础用法

this.$swiperImage({
  images: [
    {
      url: '//tiem-cdn.qq.com/sy/wmsj/ingame/images/background.jpg',
    },
    {
      url: '//tiem-cdn.qq.com/sy/hyrzol/ingame/images/background.jpg',
    },
    {
      url: '//tiem-cdn.qq.com/sy/3s/ingame/images/background.jpg',
    },
  ],
  keyName: 'url',
})
1
2
3
4
5
6
7
8
9
10
11
12
13
14

效果示例：

# 参数

  • {Object} params - 参数对象
    • {Array} params.images - 包含图片 URL 的数据数组
    • {String} params.keyName - 图片 URL 字段名
    • {Boolean} [params.infinite=false] - 控制是否开启无限滑动效果
    • {Number} [params.index=0] - 设置组件初始化时默认为第几张，从 0 计数
    • {String} [params.transitionName='sui-animation--fade-fast'] - 图片查看器 打开 / 关闭 时的动画效果

← Switch 开关 →