限时秒杀组件

限时秒杀组件用于在微页面中展示已经配置的秒杀活动商品。添加组件前，应先在限时秒杀活动中创建活动并配置商品。

添加组件

1. 在页面编辑器中拖入【限时秒杀】组件；
2. 选择视觉方案和展示方式；
3. 配置标题区、商品信息和按钮文案；
4. 选择活动商品来源并设置数量和排序；
5. 保存草稿并预览，确认数据正确后发布。

活动商品来源

来源	说明
当前有效秒杀商品	自动获取正在有效期内的秒杀商品
指定秒杀活动商品	选择一个或多个已发布秒杀活动
手动选择秒杀商品	直接选择具体活动商品

自动和指定活动来源支持按即将结束、最新加入或活动开始时间排序。

主要配置

配置项	说明
视觉方案	选择系统主题、热卖橙、品牌红或自定义配色
展示方式	支持单列、双列、大图和横向滑动
标题区	设置主标题、副标题、背景、配色、圆角和【更多】动作
商品信息	控制进度、标签、划线价和销量是否显示
按钮文案	使用智能文案、自定义文案或隐藏按钮
活动商品来源	按当前活动、指定活动或指定活动商品获取数据，并设置数量和排序
数据加载	固定展示时设置总数量；触底加载时设置每次加载数量

选择【自定义】视觉方案后，才需要分别配置标题区和商品区配色。

数据加载限制

• 单列、双列和大图支持固定展示或触底加载；
• 横向滑动只支持固定展示；
• 一个页面只能有一个组件使用触底加载；
• 首页活动楼层通常使用固定展示，秒杀专题页可使用触底加载。

发布前检查

• 秒杀活动和活动商品处于可展示状态；
• 活动时间、库存、限购和价格配置正确；
• 组件数据来源能够返回商品；
• 【更多】动作指向有效页面；
• 单列、双列和横滑布局下均无文字遮挡；
• 活动开始前、进行中和结束后的展示符合预期。

组件没有可展示商品时可能出现空内容。不要仅依赖编辑器占位效果，应在预览环境使用实际活动数据验证。

常见问题

活动已创建但组件没有商品

确认活动已经发布、活动商品已启用、活动时间有效、库存可售，并检查当前来源是否选择了正确活动。

为什么横向滑动不能触底加载？

横向滑动是组件内部有限内容浏览，不接管页面纵向触底事件。请改为单列、双列或大图布局。