docs: split prototype specs and add execution guides

This commit is contained in:
2026-03-06 11:24:40 +08:00
parent ba1c5009d2
commit 70b651ad39
33 changed files with 2702 additions and 0 deletions

View File

@@ -0,0 +1,41 @@
# P10 秒杀活动页
- 页面编码:`P10`
- 页面层级:`二级页`
- 页面目标:承接强时效抢购活动,提升转化
- 主要依赖组件:`G01``G21`
## 1. 页面结构(从上到下)
1. 顶部导航栏
2. 秒杀头图区
3. 场次切换区
4. 秒杀商品列表区
## 2. 区块说明
### 2.1 秒杀头图区
- 展示活动标题、主视觉、倒计时
### 2.2 场次切换区
- 展示当前场次、即将开始场次、已结束场次
### 2.3 秒杀商品列表区
- 商品卡展示:
- 商品图片
- 秒杀价
- 原价
- 剩余库存 / 已售比例
- 每单限购
- 立即抢购
## 3. 页面状态
- 未开始态
- 进行中态
- 已结束态
## 4. 实现备注
- 秒杀页要突出时间紧迫感和库存稀缺感