Skip to content

地址管理页(P31)

页面目标

管理用户收货地址,并在订单确认场景中提供地址选择与回传能力。

适用角色与入口

  • 适用角色:已登录用户
  • 页面入口:P21、P19

页面结构

地址列表区

字段:

  • consignee
  • mobileMasked
  • addressText
  • isDefault

编辑表单区

字段:

  • consignee
  • mobile
  • region
  • detailAddress
  • postalCode
  • isDefault

主要操作

  • 新增地址:固定显示,打开表单模式
  • 编辑:列表有数据时显示,打开编辑模式
  • 删除:列表有数据时显示,删除地址
  • 设为默认:列表有数据时显示,设置默认地址
  • 保存:表单模式下显示,保存地址

交互规则

  • 订单确认页进入时,保存后需自动回传所选地址
  • 默认地址仅允许 1 条

校验规则

  • 收货人:2-20
  • 手机号:11
  • 省市区:必填
  • 详细地址:5-100

状态与异常

  • 空状态:还没有收货地址,先新增一个吧
  • 保存失败:地址保存失败,请检查后重试

跳转关系

  • P31 -> P15 / P19

埋点建议

  • address_list_show
  • address_add_click
  • address_save_success
  • address_delete_click

谷子科技知识库平台 - 多格式摄入、受控编译、岗位隔离问答