通过轮播图实现一个水平内容自动切换。
效果展示
前置准备:
三张背景图片
具体步骤:
添加一个轮播图组件
添加一个图片
添加一个标题
添加数据表
添加事件
创建触发器
绑定数据
步骤分解
添加一个轮播图组件
拖拽轮播图到 编辑区
调整轮播图样式
添加一个图片
拖拽一个 图片组件到轮播图条目 中
将图片组件 铺满父级容器中
添加一个标题
拖拽标签文本组件 到轮播图条目
配置 标签文本组件 的样式
添加一个数据表
点击 数据中心
创建数据表
为 数据表添加三条内容
添加事件
点击事件中心
配置查询 事件
创建触发器
选中轮播图
点击检查器 面板中的触发器
配置触发器
绑定数据
选中 列表条目
点击检查器 面板中的 数据绑定与设置
绑定数据
这样就可以使用轮播图实现水平内容自动切换了。