魔方图片组件

魔方图片组件用于按预设布局组合多张图片，每个图片区域可以配置独立点击动作。

添加组件

1. 在页面编辑器中拖入【魔方图片】组件；
2. 选择二列、三列、四列、四格或其他组合布局；
3. 按固定数量为每个位置上传图片；
4. 按需配置每张图片的点击动作；
5. 设置图片间距和圆角；
6. 保存后检查不同屏幕下的裁切结果。

主要配置

配置项	说明
布局模式	决定图片数量、大小和排列关系
魔方内容	按当前布局维护对应数量的图片和点击动作
图片间距	调整相邻图片之间的间隔
图片圆角	调整每个图片区域的圆角

切换布局后，图片位置和所需数量可能变化，应重新核对每个位置的图片与链接。

布局选择

• 二列、三列、四列：适合相同权重的并列入口；
• 四格：适合四个同级活动或分类；
• 一左两右、两左一右：适合一个主入口搭配两个次入口；
• 一上两下、两上一下：适合上下分层的营销内容；
• 一左三右：适合一个主活动搭配三个快捷入口。

组件会根据布局锁定图片数量，不能单独新增、删除或排序图片项。

使用建议

• 根据布局中各位置的宽高关系准备图片；
• 重要文字和商品主体避开可能被裁切的边缘；
• 相邻图片保持统一的设计风格和清晰度；
• 每个点击区域均需单独测试；
• 更换布局后重新预览，不要沿用旧布局的检查结果。

常见问题

为什么不能新增图片？

魔方图片数量由布局决定。需要更多图片时请更换布局，或使用轮播图、宫格导航。

切换布局后图片顺序不合适

布局位置会重新分配，请按预览中的位置逐项替换图片并核对点击动作。