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

效果展示

前置准备

1. 三张背景图片

具体步骤

1. 添加一个轮播图组件

2. 添加一个图片

3. 添加一个标题

4. 添加数据表

5. 添加事件

6. 添加触发器

7. 绑定数据

步骤拆解

1. 添加一个轮播图组件

1.1 拖拽 轮播图 到 编辑区

1.2 调整 轮播图 样式

2. 添加一个图片

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

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

3. 添加一个标题

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

3.2 配置 标签文本组件 的样式

4. 添加数据表

4.1 点击 数据中心

4.2 创建 数据表

4.3 为 数据表 添加三条内容

5. 添加事件

5.1 点击 事件中心

5.2 配置 查询 事件

6. 添加触发器

6.1 选中 轮播图

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

6.3 配置 触发器

7. 绑定数据

7.1 选中 列表条目

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

7.3 绑定数据