docs: split prototype specs and add execution guides
This commit is contained in:
42
docs/07-页面规格/15-领券中心页.md
Normal file
42
docs/07-页面规格/15-领券中心页.md
Normal file
@@ -0,0 +1,42 @@
|
||||
# P09 领券中心页
|
||||
|
||||
- 页面编码:`P09`
|
||||
- 页面层级:`二级页`
|
||||
- 页面目标:集中展示可领取优惠券,并引导回到点餐使用
|
||||
- 主要依赖组件:`G01`、`G43`
|
||||
|
||||
## 1. 页面结构(从上到下)
|
||||
|
||||
1. 顶部导航栏
|
||||
2. 券分类筛选区
|
||||
3. 优惠券列表区
|
||||
4. 底部引导区
|
||||
|
||||
## 2. 区块说明
|
||||
|
||||
### 2.1 券分类筛选区
|
||||
- 可按全部、满减券、折扣券、免配送费券筛选
|
||||
|
||||
### 2.2 优惠券列表区
|
||||
- 使用 `G43`
|
||||
- 每张券卡必须展示:
|
||||
- 券名称
|
||||
- 金额 / 折扣
|
||||
- 使用门槛
|
||||
- 有效期
|
||||
- 适用门店 / 场景
|
||||
- 领取状态
|
||||
|
||||
### 2.3 底部引导区
|
||||
- 提供“去点餐”入口
|
||||
|
||||
## 3. 页面状态
|
||||
|
||||
- 默认态:有可领取券
|
||||
- 空态:无券可领
|
||||
- 已领取态:按钮改为已领取或去使用
|
||||
|
||||
## 4. 实现备注
|
||||
|
||||
- 领取动作应尽量轻量,领取成功后不强制跳转
|
||||
|
||||
Reference in New Issue
Block a user