轮播

图片轮播，支持自动播放、箭头、指示点、说明文字和淡入淡出过渡（支持键盘与滑动）。

Carousel

Carousel

Vue

<div class="thl-row"><div class="thl-col-12 thl-col-md-6"><ThlCarousel :slides="slides" :height="240" /></div><div class="thl-col-12 thl-col-md-6"><ThlCarousel :slides="slides" fade :dots="false" :interval="3000" :height="240" /></div></div>

React

<Carousel slides={slides} height={240} />
<Carousel slides={slides} fade dots={false} interval={3000} />

Angular

<thl-carousel [slides]="slides" [height]="240" />
<thl-carousel [slides]="slides" fade [dots]="false" [interval]="3000" />

API

Carousel

<ThlCarousel> · import { ThlCarousel } from '@thl-ui/vue'

Prop	类型	默认值
slides*	array	—
interval	number	5000
fade	boolean	—
arrows	boolean	true
dots	boolean	true
height	any	—
ariaLabel	string	—

插槽: slide