ant-design/components/carousel/index.zh-CN.md
MuYu fb0b4f0fc9 docs: show version Number features were added (#17373)
* docs: add api first appearance

* docs: fix auto-complete doc

* docs: replace Version Added with Version

* docs: date picker common method

* docs: date picker common method

* docs: tree

* docs: remove meaningless 3.0.0
2019-07-11 14:14:33 +08:00

1.4 KiB

category type title subtitle
Components 数据展示 Carousel 走马灯

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

何时使用

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

API

参数 说明 类型 默认值 版本
afterChange 切换面板的回调 function(current)
autoplay 是否自动切换 boolean false
beforeChange 切换面板的回调 function(from, to)
dotPosition 面板指示点位置,可选 top bottom left right string bottom 3.17.0
dots 是否显示面板指示点 boolean true
easing 动画效果 string linear
effect 动画效果函数,可取 scrollx, fade string scrollx

方法

名称 描述
goTo(slideNumber, dontAnimate) 切换到指定面板, dontAnimate = true 时,不使用动画
next() 切换到下一面板
prev() 切换到上一面板

更多参数可参考:https://github.com/akiran/react-slick