经过轮播图实现一个水平内容自动切换

效果展现

前置准备

  1. 三张背景图片

具体过程

  1. 增加一个轮播图组件
  1. 增加一个图片
  1. 增加一个标题
  1. 增加数据表
  1. 增加事情
  1. 增加触发器
  1. 绑定数据

过程拆解

  1. 增加一个轮播图组件

1.1 拖拽 轮播图 到 修改区

1.2 调整 轮播图 款式

如何使用轮播图实现水平内容自动切换

  1. 增加一个图片

2.1 拖拽一个 图片组件 到 轮播图条目中

2.2 将 图片组件 铺满 父级容器

如何使用轮播图实现水平内容自动切换

  1. 增加一个标题

3.1 拖拽 标签文本组件 到 轮播图条目

3.2 装备 标签文本组件 的款式

如何使用轮播图实现水平内容自动切换

  1. 增加数据表

4.1 点击 数据中心

4.2 创立 数据表

如何使用轮播图实现水平内容自动切换

4.3 为 数据表 增加三条内容

如何使用轮播图实现水平内容自动切换

  1. 增加事情

5.1 点击 事情中心

5.2 装备 查询 事情

如何使用轮播图实现水平内容自动切换

  1. 增加触发器

6.1 选中 轮播图

6.2 点击 查看器 面板中的 触发器

6.3 装备 触发器

如何使用轮播图实现水平内容自动切换

  1. 绑定数据

7.1 选中 列表条目

7.2 点击 查看器 面板中的 数据绑定与设置

7.3 绑定数据

如何使用轮播图实现水平内容自动切换