Carousel 轮播
在同一平级(水平、垂直)内容下,循环播放展示子内容。
引用
js
import { Carousel, CarouselItem, regist } from "litos-ui";
regist([Carousel, CarouselItem]);
1
2
3
2
3
演示
基础用法
结合使用 l-carousel
和 l-carousel-item
标签就能实现轮播。把想要展示的内容放在 l-carousel-item
标签内。
箭头切换
arrows
属性定义了切换箭头的显示时机。默认情况下,切换箭头只有在鼠标 hover
到组件上时才会显示。 若将 arrows
设置为 always
,则会一直显示;设置为 never
,则会一直隐藏。
API
Carousel Attibutes
参数 | 说明 | 类型 | 默认值 |
---|---|---|---|
arrows | 切换箭头的显示时机 | hover |always |never | hover |
current-index | 激活的幻灯片的索引,从 0 开始 | number | 0 |
loop | 是否开启循环显示 | on |off | on |
autoplay | 是否自动切换 | boolean | false |