【组件功能】:在有限空间内,循环播放同一类型的图片、文字等内容。
样式预览
基础设置
属性名称 | 属性释义 | 输入值类型 |
---|---|---|
初始索引(initialIndex) | 设置初始状态激活的幻灯片的索引,从 0 开始 | 数字型(Number) |
触发方式(trigger) | 设置指示器的触发方式(鼠标悬浮 / 鼠标点击) | 字符串类型,可选值(click / hover ) |
自动播放(autoplay) | 幻灯片是否自动切换 | 布尔型(true / false) |
时间间隔(interval) | 设置自动切换的时间间隔,单位为毫秒(ms) | 数字型(Number) |
指示器位置(indicatorPosition) | 设置指示器的位置(内部 / 无) | 字符串类型,可选值(inside / none ) |
切换箭头(arrow) | 设置切换箭头的显示方式(总是 / 鼠标悬浮 / 从不) | 字符串类型,可选值(always / hover / never ) |
类型(type) | 走马灯的类型(普通 / 卡片) | 字符串类型,可选值(normal / card ) |
循环状态(loop) | 幻灯片是否循环显示 | 布尔型(true / false) |
方向(direction) | 设置走马灯展示的方向(水平 / 垂直) | 字符串类型,可选值(horizontal / vertical ) |
图片列表 data数据格式示例
json
["http://api.huoyuyan.com/banner/1.jpg","http://api.huoyuyan.com/banner/2.jpg","http://api.huoyuyan.com/banner/3.jpg"]
属性设置预览
方法列表
名称 | 参数 | 释义 |
---|---|---|
增加方法(add) | string | 添加图片至列表末尾(单个图片URL) |
移除方法(remove) | string | 移除定位置图片('0'为第一张) |
上一个方法(prev) | 向前切换(无需参数) | |
下一个方法(next) | 向后切换(无需参数) |