如何使用轮播图在小程序内实现水平内容自动切换?

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

效果展示


前置准备:

三张背景图片

具体步骤:

添加一个轮播图组件

添加一个图片

添加一个标题

添加数据表

添加事件

创建触发器

绑定数据

步骤分解

添加一个轮播图组件

拖拽轮播图 编辑区

调整轮播图样式


添加一个图片

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

图片组件 铺满父级容器


添加一个标题

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

配置 标签文本组件 的样式


添加一个数据表

点击 数据中心

创建数据表

数据表添加三条内容


添加事件

点击事件中心

配置查询 事件


创建触发器

选中轮播图

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

配置触发器

绑定数据

选中 列表条目

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

绑定数据


这样就可以使用轮播图实现水平内容自动切换了。

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容