# Carousel （旋转木马）

# slidesPerView

设置 slider 容器能够同时显示的 slides 数量(carousel 模式)。

可以设置为数字（可为小数，小数不可 loop），或者 'auto'则自动根据 slides 的宽度来设定数量。

loop 模式下如果设置为'auto'还需要设置另外一个参数 loopedSlides。

options: {
    slidesPerView: 2,
}

设定为 true 时，active slide 会居中，而不是默认状态下的居左。

options: {
    slidesPerView: 3,
    centeredSlides: true,
}

当设置了 Active Slide 居中后，还可以配合设置此参数，使得第一个和最后一个 Slide 始终贴合边缘。

options: {
    slidesPerView: 3,
    centeredSlides: true,
    centeredSlidesBounds: true,
}

在 carousel mode 下定义 slides 的数量多少为一组。

options: {
    slidesPerView: 3,
    slidesPerGroup: 3,
}

在 slide 之间设置距离（单位 px）。

options: {
    slidesPerView: 3,
    spaceBetween: 20,
}

设定 slide 与左边框的预设偏移量（单位 px）。

options: {
    slidesOffsetBefore: 100,
}

设定 slide 与右边框的预设偏移量（单位 px）。

options: {
    slidesOffsetAfter: 100,
}

如果开启这个参数，当 slides 的总数小于 slidesPerView 时，slides 居中。不适用于 loop 模式。

options: {
    slidesPerView: 3,
    centerInsufficientSlides: true,
}