单图组件

单图组件用于展示一张图片，可作为活动海报、页面分隔图或跳转入口。

添加组件

1. 在页面编辑器中拖入【单图】组件；
2. 上传海报图片；
3. 按需配置点击动作；
4. 设置图片宽度和高度；
5. 选择裁剪模式并调整圆角；
6. 保存后检查清晰度、裁切和跳转结果。

裁剪模式

模式	说明
缩放填充	填满设置区域，图片比例可能发生变化
完整显示	保持比例显示完整图片，区域可能留白
充满容器	保持比例填满区域，超出部分会被裁切
宽度不变	按宽度等比计算图片高度

推荐选择

• 活动横幅：使用【充满容器】，并设置明确高度；
• 含大量文字的长图：使用【宽度不变】；
• 必须完整展示的证书、规则图：使用【完整显示】；
• 只有在素材尺寸与容器比例完全一致时使用【缩放填充】。

使用建议

• 包含重要文字的图片优先选择完整显示或宽度不变；
• 使用充满容器时，将重要内容放在图片中央安全区域；
• 长图应控制文件大小，必要时拆分为多张图片；
• 没有跳转用途时可以不配置点击动作；
• 发布前在不同屏幕尺寸下检查图片比例和清晰度。

常见问题

单图添加后没有内容

单图不会使用用户端硬编码素材，请在【海报图片】中选择正式图片后再发布。

图片上下出现留白

【完整显示】会保留完整图片并可能产生留白。希望铺满区域时改用【充满容器】，或调整组件高度匹配素材比例。