docs: split prototype specs and add execution guides
This commit is contained in:
46
docs/07-页面规格/12-退款申请页.md
Normal file
46
docs/07-页面规格/12-退款申请页.md
Normal file
@@ -0,0 +1,46 @@
|
||||
# P06 退款申请页
|
||||
|
||||
- 页面编码:`P06`
|
||||
- 页面层级:`二级页`
|
||||
- 页面目标:让用户提交退款原因与说明,进入售后流程
|
||||
- 主要依赖组件:`G01`
|
||||
|
||||
## 1. 页面结构(从上到下)
|
||||
|
||||
1. 顶部导航栏
|
||||
2. 可退款订单摘要区
|
||||
3. 退款原因区
|
||||
4. 补充说明区
|
||||
5. 提交按钮区
|
||||
|
||||
## 2. 区块说明
|
||||
|
||||
### 2.1 可退款订单摘要区
|
||||
- 展示门店、订单号、商品摘要、当前可退金额
|
||||
|
||||
### 2.2 退款原因区
|
||||
- 提供预设原因列表
|
||||
- 例如:
|
||||
- 商品与描述不符
|
||||
- 配送超时
|
||||
- 少送漏送
|
||||
- 不想要了
|
||||
- 其他原因
|
||||
|
||||
### 2.3 补充说明区
|
||||
- 文本输入框
|
||||
- 可选上传凭证图片(如另一位 AI 需要扩展)
|
||||
|
||||
### 2.4 提交按钮区
|
||||
- 主按钮:提交退款申请
|
||||
|
||||
## 3. 页面状态
|
||||
|
||||
- 原因未选时按钮不可提交
|
||||
- 提交中显示 loading
|
||||
- 提交成功后跳转 `P07 退款详情页`
|
||||
|
||||
## 4. 实现备注
|
||||
|
||||
- 页面目标是低阻力提交,不宜放过多冗余字段
|
||||
|
||||
Reference in New Issue
Block a user