Carousel走马灯

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

何时使用#

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

代码演示

API#

单独引入此组件#

想要了解更多关于单独引入组件的内容,可以在快速上手页面进行查看。

import { NzCarouselModule } from 'ng-zorro-antd';
参数说明类型默认值
[nzAutoPlay]是否自动切换booleanfalse
[nzAutoPlaySpeed]切换时间(毫秒),当设置为0时不切换number3000
[nzDots]是否显示面板指示点booleantrue
[nzDotRender]Dot渲染模板TemplateRef<{ $implicit: number }>-
[nzEffect]动画效果函数,可取 scrollx, fade'scrollx'|'fade''scrollx'
[nzVertical]垂直显示booleanfalse
(nzAfterChange)切换面板的回调EventEmitter<number>-
(nzBeforeChange)切换面板的回调EventEmitter<{ from: number; to: number }>-
[nzEnableSwipe]是否支持手势划动切换booleantrue

方法#

名称描述
goTo(slideNumber)切换到指定面板
next()切换到下一面板
pre()切换到上一面板