docs: split prototype specs and add execution guides
This commit is contained in:
47
docs/07-页面规格/06-地址管理页.md
Normal file
47
docs/07-页面规格/06-地址管理页.md
Normal file
@@ -0,0 +1,47 @@
|
||||
# P02 地址管理页
|
||||
|
||||
- 页面编码:`P02`
|
||||
- 页面层级:`二级页`
|
||||
- 页面目标:管理顾客常用收货地址,并服务外卖结算
|
||||
- 主要依赖组件:`G01`
|
||||
|
||||
## 1. 页面结构(从上到下)
|
||||
|
||||
1. 顶部导航栏
|
||||
2. 地址列表区
|
||||
3. 新增地址按钮
|
||||
|
||||
## 2. 区块说明
|
||||
|
||||
### 2.1 地址列表区
|
||||
- 每个地址项展示:
|
||||
- 收货人姓名
|
||||
- 手机号
|
||||
- 详细地址
|
||||
- 默认地址标签
|
||||
- 适用范围提示(可选)
|
||||
- 支持动作:
|
||||
- 设为默认
|
||||
- 编辑
|
||||
- 删除
|
||||
- 选择用于本次结算
|
||||
|
||||
### 2.2 新增地址按钮
|
||||
- 固定在页面底部或列表底部
|
||||
- 点击后进入编辑态(可独立页或表单弹层)
|
||||
|
||||
## 3. 页面状态
|
||||
|
||||
### 默认态
|
||||
- 展示已有地址
|
||||
|
||||
### 空态
|
||||
- 无地址时展示空态和新增 CTA
|
||||
|
||||
### 异常态
|
||||
- 地址保存失败 / 删除失败时需要提示
|
||||
|
||||
## 4. 实现备注
|
||||
|
||||
- 如果另一位 AI 需要拆成“地址列表页 + 地址编辑页”,可以追加子页面,但当前文档以一个管理页为主
|
||||
|
||||
Reference in New Issue
Block a user