ant-design/components/carousel/index.zh-CN.md

---
category: Components
type: Data Display
title: Carousel
subtitle: 走马灯
---

旋转木马，一组轮播的区域。

## 何时使用

- 当有一组平级的内容。
- 当内容空间不足时，可以用走马灯的形式进行收纳，进行轮播展现。
- 常用于一组图片或卡片轮播。

## API

| 参数             | 说明                                         | 类型     | 默认值                          |
|------------------|----------------------------------------------|----------|---------------------------------|
| effect           | 动画效果函数，可取 scrollx, fade | string | scrollx |
| dots | 是否显示面板指示点 | boolean   | true |
| vertical | 垂直显示 | boolean   | false |
| autoplay | 是否自动切换 | boolean   | false |
| easing | 动画效果 | string   | linear |
| beforeChange      | 切换面板的回调                              | function(from, to) | 无 |
| afterChange       | 切换面板的回调                              | function(current)  | 无 |

更多参数可参考：https://github.com/akiran/react-slick
-												docs: update documentation format

											
										
										
											2016-03-31 14:17:09 +08:00
+								---
 								category: Components
-												docs: 调整组件导航结构 (#3758)

- Layout 更名为 Grid
											
										
										
											2016-11-09 14:43:32 +08:00
+								type: Data Display
-												docs: translate Carousel's documentation to English (#1904)


											
										
										
											2016-06-19 11:19:36 +08:00
+								title: Carousel
 								subtitle: 走马灯
-												docs: update documentation format

											
										
										
											2016-03-31 14:17:09 +08:00
+								---
-												Add components index.md

											
										
										
											2015-08-01 14:08:04 +08:00
-												update text

											
										
										
											2015-08-05 21:18:34 +08:00
+								旋转木马，一组轮播的区域。
-												add Carousel

											
										
										
											2015-08-03 14:52:26 +08:00
 								## 何时使用
-												update text

											
										
										
											2015-08-05 21:18:34 +08:00
+								- 当有一组平级的内容。
 								- 当内容空间不足时，可以用走马灯的形式进行收纳，进行轮播展现。
 								- 常用于一组图片或卡片轮播。
-												add Carousel

											
										
										
											2015-08-03 14:52:26 +08:00
 								## API
 								| 参数             | 说明                                         | 类型     | 默认值                          |
 								|------------------|----------------------------------------------|----------|---------------------------------|
-												docs: Unify type naming (#4636)

* Unify name of ReactNode type in document

* Lowser all string type name

* Lowercase all number type name

* Lowercase all boolean type name

* Unify array type

* Lowercase all object type name

* Unify mutilple types

											
										
										
											2017-01-20 20:10:50 +08:00
+								| effect           | 动画效果函数，可取 scrollx, fade | string | scrollx |
 								| dots | 是否显示面板指示点 | boolean   | true |
 								| vertical | 垂直显示 | boolean   | false |
 								| autoplay | 是否自动切换 | boolean   | false |
 								| easing | 动画效果 | string   | linear |
-												docs: fix table

											
										
										
											2017-09-28 14:26:01 +08:00
+								| beforeChange      | 切换面板的回调                              | function(from, to) | 无 |
 								| afterChange       | 切换面板的回调                              | function(current)  | 无 |
-												upgrade react-slick dep, fix carousel document, close #483

											
										
										
											2015-11-05 18:29:30 +08:00
 								更多参数可参考：https://github.com/akiran/react-slick