轮播 API · Needless UI

导入

import-carousel.ts

import { NuiCarousel, NuiCarouselSlide } from '@needless-ui/angular/carousel';

由幻灯片组成的轮播。

NuiCarousel: 属性
名称	类型	默认值	说明
`label`输入	`string`		为轮播命名。
`index`双向绑定	`number`	`0`	可见的第一张幻灯片，从 0 开始。
`perView`输入	`number \| 'auto'`	`1`	同时显示的幻灯片数量；设为 `auto` 时，由幻灯片自行决定宽度。
`gap`输入	`string`	`'1rem'`	幻灯片之间的间距，可以是任意 CSS 长度。
`loop`输入	`boolean`	`false`	越过最后一张时回到第一张，反之亦然。
`autoplay`输入	`number (ms)`	`0`	自动切换时两张幻灯片之间的毫秒数；为 0 时不自动切换。
`controls, indicators`输入	`boolean`	`true`	上一张和下一张按钮，以及圆点。
`labels`输入	`Partial<NuiCarouselLabels>`		它显示或播报的所有文本，供翻译使用。
`next, previous`方法	`() => void`		前进或后退一张幻灯片。
`goTo`方法	`(index: number) => void`		把某张幻灯片滚动到可见区域。

一张幻灯片。

NuiCarouselSlide: 属性
名称	类型	默认值	说明
`nuiCarouselSlide`输入	`string`		幻灯片的标题，朗读时代替其位置。