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

效果展现

前置准备

  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 绑定数据

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

声明：本站所有文章，如无特殊说明或标注，均为本站原创发布。任何个人或组织，在未征得本站同意时，禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益，可联系我们进行处理。