# Carousel

配合CarouselItem组件实现轮播

# 基本使用

<!-- 可以通过height属性指定高度, 也可以通过style设置高度 -->
<!-- 通过v-model,对轮播双向绑定 -->
<a-carousel v-model="index" height="500" >
    <a-carousel-item><h1 style="height:500px">1</h1></a-carousel-item>
    <a-carousel-item><h1 style="height:500px">2</h1></a-carousel-item>
    <a-carousel-item><h1 style="height:500px">3</h1></a-carousel-item>
</carousel>

# 图片懒加载

<!-- 自动识别carouselItem内部的img上的lazy-src属性 -->
<a-carousel v-model="index" height="300" >
    <a-carousel-item v-for="url in images" :key="url"><img :lazy-src="url" width="100%" height="300"/></a-carousel-item>
</a-carousel>

# 一屏多图

<!-- 通过slides-per-view设置每屏幕显示轮播数 -->
<a-carousel v-model="index"  height="200"  :slides-per-view="2.2">
    <a-carousel-item v-for="image in images" :key="image">
        <img :lazy-src="image" width="100%" height="200" />
    </a-carousel-item>
</a-carousel>

# API

# props

# events