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