docs: split prototype specs and add execution guides
This commit is contained in:
43
docs/07-页面规格/17-限时折扣活动页.md
Normal file
43
docs/07-页面规格/17-限时折扣活动页.md
Normal file
@@ -0,0 +1,43 @@
|
||||
# P11 限时折扣活动页
|
||||
|
||||
- 页面编码:`P11`
|
||||
- 页面层级:`二级页`
|
||||
- 页面目标:承接限时折扣活动,集中展示折扣商品
|
||||
- 主要依赖组件:`G01`、`G21`
|
||||
|
||||
## 1. 页面结构(从上到下)
|
||||
|
||||
1. 顶部导航栏
|
||||
2. 活动头图区
|
||||
3. 活动时间筛选区
|
||||
4. 折扣商品列表区
|
||||
|
||||
## 2. 区块说明
|
||||
|
||||
### 2.1 活动头图区
|
||||
- 展示活动标题、当前折扣主题、时间说明
|
||||
|
||||
### 2.2 活动时间筛选区
|
||||
- 当前进行中
|
||||
- 即将开始
|
||||
- 已结束
|
||||
|
||||
### 2.3 折扣商品列表区
|
||||
- 商品卡展示:
|
||||
- 图片
|
||||
- 商品名称
|
||||
- 折扣价
|
||||
- 原价
|
||||
- 折扣力度
|
||||
- 立即购买
|
||||
|
||||
## 3. 页面状态
|
||||
|
||||
- 进行中:可购买
|
||||
- 未开始:展示开始时间
|
||||
- 已结束:置灰展示
|
||||
|
||||
## 4. 实现备注
|
||||
|
||||
- 与秒杀页相比,限时折扣页要弱化“抢”,强化“省”
|
||||
|
||||
Reference in New Issue
Block a user