Swiper 轮播

滑块视图容器，常用于 Banner 轮播。

代码演示

Slide 1

Slide 2

Slide 3

Slide 4

图片轮播

支持自动播放、指示点、循环播放

<m-swiper indicator-dots autoplay interval="3000" circular
  style="height:180px">
  <m-swiper-item>
    <div style="background:#6366F1;">Slide 1</div>
  </m-swiper-item>
  <m-swiper-item>
    <div style="background:#10B981;">Slide 2</div>
  </m-swiper-item>
</m-swiper>

API

Swiper

Swiper 属性

属性	说明	类型	默认值
indicator-dots	是否显示面板指示点	boolean	false
autoplay	是否自动切换	boolean	false
interval	自动切换间隔（ms）	number	5000
duration	滑动动画时长（ms）	number	500
current	当前页面索引	number	0
circular	是否循环滑动	boolean	false
vertical	是否纵向滑动	boolean	false

Swiper 事件

属性	说明	类型	默认值
change	页面变化时触发	{ current }	-
animationfinish	切换动画结束	{ current }	-