Carousel 走马灯

在有限空间内，循环播放同一类型的图片、文字等内容

基础用法

适用广泛的基础用法

Carousel 走马灯 - 图1

指示器

可以将指示器的显示位置设置在容器外部

Carousel 走马灯 - 图2

切换箭头

可以设置切换箭头的显示时机

Carousel 走马灯 - 图3

卡片化

当页面宽度方向空间空余，但高度方向空间匮乏时，可使用卡片风格

Carousel 走马灯 - 图4

扁平卡片化

统一卡片大小

Carousel 走马灯 - 图5

参数说明类型可选值默认值
height走马灯的高度number—300
initialIndex初始状态激活的幻灯片的索引，从 0 开始number—0
trigger指示器的触发方式stringclick—
autoplay是否自动切换boolean—true
interval自动切换的时间间隔，单位为毫秒number—3000
indicatorPosition指示器的位置stringoutside/none—
arrow切换箭头的显示时机stringalways/hover/neverhover
type走马灯的类型stringcard/flatcard—
事件名称说明回调参数
onChange幻灯片切换时触发目前激活的幻灯片的索引，原幻灯片的索引
方法名说明参数
setActiveItem手动切换幻灯片需要切换的幻灯片的索引，从 0 开始；或相应 Carousel.Item 的 name 属性值
prev切换至上一张幻灯片—
next切换至下一张幻灯片—
参数说明类型可选值默认值
name幻灯片的名字，可用作 setActiveItem 的参数string——