Carousel 走马灯
基础用法
指示器
自定义指示器
自定义切换箭头
API
Carousel Attributes
Name | Description | Type | Default | Version |
---|---|---|---|---|
autoplay | 是否自动切换 | boolean | false | |
interval | 自动切换的时间间隔,单位为毫秒 | number | 3000 | |
dots | 是否显示面板指示点 | boolean | true |
Carousel Events
Name | Description | Type |
---|---|---|
change | 幻灯片切换时触发 | (index: number) => void |
next | 切换至下一张幻灯片 | (index: number) => void |
prev | 切换至上一张幻灯片 | (index: number) => void |
dot-click | 指示器点击时触发 | (index: number) => void |
Carousel Slots
Name | Description |
---|---|
default | 幻灯片内容 |
prevArrow | 自定义箭头(上一张) |
nextArrow | 自定义箭头(下一张) |
customPaging | 自定义指示器 |
Carousel Exposes
Name | Description | Type |
---|---|---|
next | 切换至下一张幻灯片 | (index: number) => void |
prev | 切换至上一张幻灯片 | (index: number) => void |