适用广泛的基础用法

    结合使用和el-carousel-item标签就得到了一个走马灯。幻灯片的内容是任意的,需要放在el-carousel-item标签中。默认情况下,在鼠标 hover 底部的指示器时就会触发切换。通过设置trigger属性为click,可以达到点击触发的效果。

    指示器

    可以将指示器的显示位置设置在容器外部

    indicator-position属性定义了指示器的位置。默认情况下,它会显示在走马灯内部,设置为outside则会显示在外部;设置为则不会显示指示器。

    切换箭头

    可以设置切换箭头的显示时机

    Carousel 走马灯 - 图1

    arrow属性定义了切换箭头的显示时机。默认情况下,切换箭头只有在鼠标 hover 到走马灯上时才会显示;若将arrow设置为always,则会一直显示;设置为never,则会一直隐藏。

    type属性设置为card即可启用卡片模式。从交互上来说,卡片模式和一般模式的最大区别在于,可以通过直接点击两侧的幻灯片进行切换。

    方向

    默认情况下, 为 horizontal。通过设置 directionvertical 来让走马灯在垂直方向上显示。

    Carousel 走马灯 - 图2

    Carousel Attributes

    Carousel Methods

    Carousel-Item Attributes