# 轮播列表

# 属性

# 基础

组件标题： 用于在图层中显示组件的名称。1.1+
组件尺寸： 组件的宽度和高度，单位为px。
组件位置： 组件在大屏中的位置，通过横纵坐标来定义，单位为px。
旋转角度： 组件在图层中的旋转角度。
透明度: 组件的透明度。
奇行背景颜色： 奇数行的背景颜色。
偶行背景颜色： 偶数行的背景颜色。

缺省状态设置： 缺省状态基础设置。
- 提示内容： 缺省状态提示内容。
- 背景色： 缺省状态背景色。
- 字体颜色： 缺省状态字体颜色。
- 字体大小： 缺省状态字体大小。
- 字体粗细： 缺省状态字体粗细。
- 字体： 缺省状态字体样式。

# 动画

轮播动画： 是否开启轮播动画。
行数： 轮播行数。
轮播间隔： 轮播时间间隔。
动画模式： 轮播的动画模式。
- 逐条滚动
- 全部滚动

# 表头

表头行高： 表头行高度。
背景色： 表头的背景颜色
字体颜色： 表头的字体颜色。
字体大小： 表头的字体大小。
字体粗细： 表头的字体粗细。
字体： 表头的字体样式。

# 序号列

显示序号: 是否显示序号。
背景色: 序号背景颜色。
列宽占比: 序号列宽占比。
宽高: 序号的宽高。
圆角半径: 序号圆角半径。
字体颜色: 序号字体颜色。
字体大小: 序号字体大小。
字体粗细: 序号字体粗细。
字体: 序号字体样式。

# 自定义列

系列 1：
- 系列分组： 系列分组。
提示：

轮播列表的系列分组是用于和数据中列值对应的，写法为{index}, index 下标从 0 开始。
- 列显示名： 系列 1 列显示名。
- 对齐方式：
  - 左
  - 中
  - 右
- 列宽占比： 系列 1 列宽占比。
- 字体颜色： 系列 1 字体颜色。
- 字体大小： 系列 1 字体大小。
- 字体粗细： 系列 1 字体粗细。
- 字体： 系列 1 字体样式。
系列 2/3： 系列 2 和系列 3 与 系列 1 配置相同。

# 数据

# 静态数据

上图中的示例代码数据如下：

[
  {
    "area": "中国",
    "pv": 688,
    "attribute": "xxxxxxxxxxxxxxxxxxx"
  },
  {
    "area": "美国",
    "pv": 688,
    "attribute": "xxxxxxxxxxxxxxxxxxx"
  },
  {
    "area": "俄罗斯",
    "pv": 688,
    "attribute": "xxxxxxxxxxxxxxxxxxx"
  },
  {
    "area": "德国",
    "pv": 688,
    "attribute": "xxxxxxxxxxxxxxxxxxx"
  },
  {
    "area": "英国",
    "pv": 688,
    "attribute": "xxxxxxxxxxxxxxxxxxx"
  },
  {
    "area": "日本",
    "pv": 688,
    "attribute": "xxxxxxxxxxxxxxxxxxx"
  },
  {
    "area": "南非",
    "pv": 688,
    "attribute": "xxxxxxxxxxxxxxxxxxx"
  },
  {
    "area": "巴西",
    "pv": 688,
    "attribute": "xxxxxxxxxxxxxxxxxxx"
  },
  {
    "area": "印度",
    "pv": 688,
    "attribute": "xxxxxxxxxxxxxxxxxxx"
  },
  {
    "area": "新加坡",
    "pv": 688,
    "attribute": "xxxxxxxxxxxxxxxxxxx"
  },
  {
    "area": "加拿大",
    "pv": 688,
    "attribute": "xxxxxxxxxxxxxxxxxxx"
  },
  {
    "area": "澳大利亚",
    "pv": 688,
    "attribute": "xxxxxxxxxxxxxxxxxxx"
  },
  {
    "area": "阿根廷",
    "pv": 688,
    "attribute": "xxxxxxxxxxxxxxxxxxx"
  },
  {
    "area": "西班牙",
    "pv": 688,
    "attribute": "xxxxxxxxxxxxxxxxxxx"
  },
  {
    "area": "荷兰",
    "pv": 688,
    "attribute": "xxxxxxxxxxxxxxxxxxx"
  }
]

# 数据资源

# 交互

# 数据响应

轮播列表支持数据响应配置。

# 节点编程

# 事件

行点击事件： 点击行时触发事件。
- 抛出的参数： 行所携带的数据。

← 进度条分页列表 →