• Carousel 走马灯
    • 基础用法
    • 指示器
    • 切换箭头
    • 卡片化
    • 扁平卡片化
    • Carousel Attributes
    • Carousel Events
    • Carousel Methods
    • Carousel-Item Attributes

    Carousel 走马灯

    在有限空间内，循环播放同一类型的图片、文字等内容

    基础用法

    适用广泛的基础用法

    Carousel 走马灯 - 图1

    指示器

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

    Carousel 走马灯 - 图2

    切换箭头

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

    Carousel 走马灯 - 图3

    卡片化

    当页面宽度方向空间空余，但高度方向空间匮乏时，可使用卡片风格

    Carousel 走马灯 - 图4

    扁平卡片化

    统一卡片大小

    Carousel 走马灯 - 图5

    参数说明类型可选值默认值
    height走马灯的高度number—300
    initialIndex初始状态激活的幻灯片的索引，从 0 开始number—0
    trigger指示器的触发方式stringclick—
    autoplay是否自动切换boolean—true
    interval自动切换的时间间隔，单位为毫秒number—3000
    indicatorPosition指示器的位置stringoutside/none—
    arrow切换箭头的显示时机stringalways/hover/neverhover
    type走马灯的类型stringcard/flatcard—
    事件名称说明回调参数
    onChange幻灯片切换时触发目前激活的幻灯片的索引，原幻灯片的索引
    方法名说明参数
    setActiveItem手动切换幻灯片需要切换的幻灯片的索引，从 0 开始；或相应 Carousel.Item 的 name 属性值
    prev切换至上一张幻灯片—
    next切换至下一张幻灯片—
    参数说明类型可选值默认值
    name幻灯片的名字，可用作 setActiveItem 的参数string——