# 幻灯片

<sm-slideshow :activeIndex="2">
  <sm-slideshow-item v-for="item of 10" :key="item">
    <h1>{{ item }}</h1>
  </sm-slideshow-item>
</sm-slideshow>

# Attributes

参数 说明 类型 可选值 默认值
activeIndex(v-model) 当前播放幻灯片的索引 number - -
defaultActiveIndex 首次播放幻灯片的索引 number - 0
direction 幻灯片播放方向 string 'horizontal' | 'vertical' 'horizontal'
loop 是否开启循环播放 boolean - true
speed 播放速度。幻灯片自动播放开始到结束的时间或触摸滑动时释放至贴合的时间。单位毫秒 number - 300
autoplay 是否自动播放。参照swiper (opens new window) boolean | object - -
mousewheel 是否开启鼠标滚轮控制播放 boolean - false
keyboard 是否开启键盘控制播放 boolean - false
grabCursor 是否开启鼠标手掌形状。在 hover 状态或拖动时触发 boolean - true
navigation 前进后退按钮配置。参照swiper (opens new window) object | slot (opens new window) - -
pagination 分页器导航配置。参照swiper (opens new window) object | slot (opens new window) - -
scrollbar 滚动条配置。参照swiper (opens new window) object | slot (opens new window) - -
effect 幻灯片播放效果 string 'slide' | 'cube' | 'coverflow' | 'flip' 'slide'
autoresize 组件根元素尺寸变化时幻灯片是否自适应 boolean - true

支持主题混入参数卡片混入参数

# Events

name 说明 回调参数
change 更改当前活动幻灯片时将触发事件 function(options)

其余幻灯片事件请参照 Swiper (opens new window)

# Methods

名称 描述
goTo(index, speed) 播放到指定幻灯片( index: 幻灯片的索引; speed: 过度持续时间)
next(speed) 播放到下一幻灯片( speed: 过度持续时间)
prev(speed) 播放到上一幻灯片( speed: 过度持续时间)
最后更新时间: 2024/7/4 下午4:10:48