轮播图组件

轮播图组件用于在有限区域内展示多张图片，并为每张图片配置独立点击动作。

添加组件

1. 在页面编辑器中拖入【轮播图】组件；
2. 添加轮播项并上传图片；
3. 按需为每张图片设置点击动作；
4. 设置宽度、高度、前后项边距和图片圆角；
5. 配置自动播放、循环和动画时间；
6. 设置指示器样式、位置和颜色；
7. 保存后预览轮播与点击结果。

轮播组件会初始化示例图片，正式发布前应全部替换为当前应用素材。

主要配置

配置项	说明
轮播内容	管理图片及每张图片的点击动作
宽度与高度	设置轮播区域尺寸
前项与后项边距	露出相邻轮播项的部分内容
自动播放	控制是否自动切换图片
播放间隔	两次自动切换之间的时间
动画时长	单次切换动画持续时间
循环播放	最后一张后是否继续回到第一张
指示器	设置显示状态、位置、线、点或数字样式
图片圆角	调整轮播图片边角

推荐配置

• 常规首页横幅可从宽度 100%、高度 375rpx 开始调整；
• 需要露出下一张图片时，同时设置前项和后项边距；
• 图片超过一张时再启用自动播放和指示器；
• 线形指示器适合营销横幅，数字指示器适合需要明确数量的内容。

常见问题

图片看起来被裁切

轮播区域使用固定宽高。请按区域比例制作图片，重要文字和人物不要贴近边缘。

点击轮播图没有反应

点击动作允许留空。需要跳转时，应逐项打开【轮播内容】并配置对应动作。

使用建议

• 所有图片使用一致的宽高比例，避免切换时视觉跳动；
• 图片文字不要靠近边缘，防止不同屏幕裁切；
• 播放间隔应给用户足够阅读时间；
• 点击动作是可选项，没有跳转用途时可以不配置；
• 发布前逐张检查清晰度、顺序和目标链接。