装修组件使用指南

装修组件用于组合微页面内容。推荐先完成页面编辑器的基础操作，再按页面目标选择组件。

选择组件

目标	推荐组件
展示栏目名称和更多入口	标题
提供商品搜索入口	搜索框
搭建沉浸式页面顶部	综合头部
展示活动主视觉	轮播图、单图、魔方图片
建立分类或功能导航	宫格导航、导航选项卡、热区
展示普通商品	商品列表
展示营销商品	限时秒杀、拼团活动、领券中心
展示说明或运营信息	富文本、公告栏、视频播放
增加操作入口	操作按钮
调整页面层次和留白	分割线、辅助空白
展示版权与备案信息	版权信息

通用配置

多数组件都包含以下配置区域：

• 内容配置：决定组件展示什么以及如何交互；
• 区块样式：设置组件外边距、内边距、背景和区块圆角；
• 内容样式：设置组件内部字号、间距、圆角和色调；
• 数据加载：动态组件可设置固定展示数量，部分组件还支持触底加载。

固定展示与触底加载

• 固定展示：只加载设置数量的数据，适合首页楼层和多个并列列表；
• 触底加载：用户滚动到页面底部时继续加载，适合页面中的主列表；
• 一个页面只能有一个组件使用触底加载；
• 横向滑动布局不支持触底加载。

推荐搭建顺序

1. 先配置页面背景、导航栏和顶部模式；
2. 添加综合头部或轮播图等首屏内容；
3. 使用标题划分商品、活动和内容区块；
4. 添加商品或营销组件，并确认真实数据来源；
5. 使用分割线、区块边距或辅助空白调整节奏；
6. 最后添加版权信息；
7. 分别在 H5 和微信小程序中预览并发布。

发布前通用检查

• 图片清晰且比例适合当前布局；
• 所有点击动作均指向正确页面，未配置动作的内容点击后无异常；
• 动态组件能获取当前应用的真实数据；
• 文字、按钮与背景具有足够对比度；
• 页面中没有重复入口、过量留白或失效活动；
• H5 与微信小程序的导航、滚动、吸顶和安全区表现正常。