Files

1004 B

P02 地址管理页

  • 页面编码:P02
  • 页面层级:二级页
  • 页面目标:管理顾客常用收货地址,并服务外卖结算
  • 主要依赖组件:G01

1. 页面结构(从上到下)

  1. 顶部导航栏
  2. 地址列表区
  3. 新增地址按钮

2. 区块说明

2.1 地址列表区

  • 每个地址项展示:
    • 收货人姓名
    • 手机号
    • 详细地址
    • 默认地址标签
    • 适用范围提示(可选)
  • 支持动作:
    • 设为默认
    • 编辑
    • 删除
    • 选择用于本次结算

2.2 新增地址按钮

  • 固定在页面底部或列表底部
  • 点击后进入编辑态(可独立页或表单弹层)

3. 页面状态

默认态

  • 展示已有地址

空态

  • 无地址时展示空态和新增 CTA

异常态

  • 地址保存失败 / 删除失败时需要提示

4. 实现备注

  • 如果另一位 AI 需要拆成“地址列表页 + 地址编辑页”,可以追加子页面,但当前文档以一个管理页为主