在很多商业场景下,某些 Banner 位需要用到轮播图来展示广告,进而使界面的内容更加丰富,具有可互动性。下面就如何实现一个广告轮播图来进行具体操作。
效果展示:
前置准备:
- 三张商品图片
- 商品介绍文本
- 商品价格文本
具体步骤(5):
- 添加 轮播图组件
- 创建数据表
- 创建 事件
- 创建轮播图 触发器
- 绑定数据
步骤分解:
添加轮播图组件
- 添加 轮播图组件
- 配置 轮播图组件 样式
- 添加 图片 和 文本组件
创建数据表
- 打开 数据中心
- 创建 数据表
- 在 数据表 中添加图片和文本
创建事件
- 打开 事件中心
- 创建查询 事件
创建轮播图触发器
- 选中 轮播图组件
- 点击检查器 面板的 触发器 **图标
- 创建 触发器
- 配置 触发器
绑定数据
- 选中 轮播图条目
- 点击 检查器 面板的 数据绑定及设置 图标
- 绑定数据
这样就可以在小程序里实现一个广告轮播图了。
作者:TOWIFY
链接:https://juejin.cn/post/7156788462455586829
来源:稀土掘金
著作权归作者所有。商业转载请联系作者获得授权,非商业转载请注明出处。