Ant Design Blazor
Carousel走马灯
旋转木马，一组轮播的区域。
何时使用
- 当有一组平级的内容。
- 当内容空间不足时，可以用走马灯的形式进行收纳，进行轮播展现。
- 常用于一组图片或卡片轮播。
Examples
Carousel API#
| 属性 | 描述 | 类型 | 默认值 |
|---|---|---|---|
| ChildContent | 属性轮播的内容。通常是 CarouselSlick 元素 |
RenderFragment | -- |
| DotPosition | 属性圆点的位置，可以是 Top、Bottom、Left 或 Right 之一，CarouselDotPosition |
CarouselDotPosition | -- |
| Autoplay | 属性是否自动滚动 | TimeSpan | -- |
| Effect | 属性过渡效果，CarouselEffect |
CarouselEffect | -- |
| Dots | 属性 | Boolean | -- |
| DotsClass | 属性 | String | -- |
| Id | 属性组件 HTML 的 ID | String | Uniquely Generated ID |
| Class | 属性为 DOM 元素指定一个或多个类名。 | String | -- |
| Style | 属性指定 DOM 元素的内联样式。 | String | -- |
| RefBack | 属性一个 ForwardRef 实例。您可以使用 AntDesign.ForwardRef.Current 获取对内部 DOM 的引用。 |
ForwardRef | -- |
| 方法签名 | 返回类型 | 描述 |
|---|---|---|
| Next() | void | 将轮播滑动到下一张幻灯片 |
| Previous() | void | 将轮播滑动到上一张幻灯片 |
| GoTo(Int32 index) | void | 将轮播滑动到指定的幻灯片 |
CarouselSlick API#
| 属性 | 描述 | 类型 | 默认值 |
|---|---|---|---|
| ChildContent | 属性在轮播的这一部分显示的内容 | RenderFragment | -- |
| Id | 属性组件 HTML 的 ID | String | Uniquely Generated ID |
| RefBack | 属性一个 ForwardRef 实例。您可以使用 AntDesign.ForwardRef.Current 获取对内部 DOM 的引用。 |
ForwardRef | -- |