docs: split prototype specs and add execution guides
This commit is contained in:
38
docs/07-页面规格/21-次卡页.md
Normal file
38
docs/07-页面规格/21-次卡页.md
Normal file
@@ -0,0 +1,38 @@
|
||||
# P15 次卡页
|
||||
|
||||
- 页面编码:`P15`
|
||||
- 页面层级:`二级页`
|
||||
- 页面目标:展示可购买次卡、已购次卡和核销记录
|
||||
- 主要依赖组件:`G01`、`G45`
|
||||
|
||||
## 1. 页面结构(从上到下)
|
||||
|
||||
1. 顶部导航栏
|
||||
2. Tab 切换区
|
||||
3. 次卡列表区
|
||||
|
||||
## 2. 区块说明
|
||||
|
||||
### 2.1 Tab 切换区
|
||||
- 可购买次卡
|
||||
- 我的次卡
|
||||
- 使用记录(可选)
|
||||
|
||||
### 2.2 次卡列表区
|
||||
- 使用 `G45`
|
||||
- 次卡卡片展示:
|
||||
- 次卡名称
|
||||
- 适用范围
|
||||
- 有效期
|
||||
- 剩余次数 / 总次数
|
||||
- 购买或查看详情按钮
|
||||
|
||||
## 3. 页面状态
|
||||
|
||||
- 默认态:有可购或已购次卡
|
||||
- 空态:暂无次卡
|
||||
|
||||
## 4. 实现备注
|
||||
|
||||
- 次卡页需要把“适用什么商品”和“还剩几次”表达清楚
|
||||
|
||||
Reference in New Issue
Block a user