在很多商业场景下,某些 Banner 位须要用到轮播图来展现广告,进而使界面的内容更加丰盛,具备可互动性。上面就如何实现一个广告轮播图来进行具体操作。
成果展现:
前置筹备:
- 三张商品图片
- 商品介绍文本
- 商品价格文本
具体步骤(5):
- 增加 轮播图组件
- 创立 数据表
- 创立 事件
- 创立轮播图 触发器
- 绑定数据
步骤合成:
增加轮播图组件
- 增加 轮播图组件
- 配置 轮播图组件 款式
- 增加 图片 和 文本组件
创立数据表
- 关上 数据中心
- 创立 数据表
- 在 数据表 中增加图片和文本
创立事件
- 关上 事件核心
- 创立查问 事件
创立轮播图触发器
- 选中 轮播图组件
- 点击 查看器 面板的 触发器 ** 图标
- 创立 触发器
- 配置 触发器
绑定数据
- 选中 轮播图条目
- 点击 查看器 面板的 数据绑定及设置 图标
- 绑定数据
这样就能够在小程序里实现一个广告轮播图了。
官网链接:https://www.towify.com/#/