跳到主要内容

swiper

功能描述

滑块视图容器。

组件属性

属性名类型默认值说明
indicator-dotsBooleanfalse是否显示面板指示点
indicator-colorColorrgba(0, 0, 0, .3)指示点颜色
indicator-active-colorColor#000000当前选中的指示点颜色
autoplayBooleanfalse是否自动切换
intervalNumber5000自动切换时间间隔
durationNumber500滑动动画时长
circularBooleanfalse是否采用衔接滑动
verticalBooleanfalse滑动方向是否为纵向
bindtransitionEventHandle-swiper-item 的位置发生改变时会触发 transition 事件,event.detail = {dx: dx, dy: dy}
bindchangeEventHandle-current 改变时会触发 change 事件,event.detail = {current: current, source: source}
bindanimationfinishEventHandle-动画结束时会触发 animationfinish 事件,event.detail 同上