轮播 Carousel
一个自动滚动展示内容的组件。
基础使用
Carousel 挂载后会自动开始滚动。通过 speed 属性可以设置滚动速度。
隐藏源代码
自动填充
设置 autoFill 属性后，Carousel 组件会让内容铺满整个可视区域。
隐藏源代码
手动控制
Carousel 暴露 resume、pause 和 reset 方法，分别用于继续滚动、暂停滚动以及重置滚动位置并重新测量尺寸。
隐藏源代码
API
CarouselProps
| 属性 | 类型 | 可选 | 默认值 | 描述 | 版本 |
|---|---|---|---|---|---|
| autoFill | boolean | 是 | false | 是否根据视口宽度自动填充内容并去除间距。 | 0.2.0 |
| speed | number | 是 | 50 | Carousel 的滚动速度。 | 0.2.0 |
CarouselSlots
| 插槽 | 参数 | 描述 | 版本 |
|---|---|---|---|
| default | | Carousel 的内容。 | 0.2.0 |
CarouselExpose
| 属性 | 类型 | 可选 | 默认值 | 描述 | 版本 |
|---|---|---|---|---|---|
| resume | () => void | 否 | | 继续 Carousel 的滚动。 | 0.2.0 |
| pause | () => void | 否 | | 暂停 Carousel 的滚动。 | 0.2.0 |
| reset | () => void | 否 | | 重置 Carousel 的滚动位置并重新测量尺寸。 | 0.2.0 |
| measure | () => void | 否 | | 重新测量 Carousel 的尺寸。 | 0.2.0 |