跳到主要内容

地址管理

包括地址管理列表、地址编辑、选择地址页面。


地址管理列表

展示地址信息列表,可切换收货发货列表。

CoDesign 设计稿

交互规则

  1. 默认选中收货地址 Tab ,点击 Tab 切换列表。
  2. 列表卡片向左滑动,可唤出当前卡片的操作按钮,点击按钮以外区域或往回滑动可隐藏操作。
  3. 手机号码格式为 XXX XXXX XXXX (第 3 位数后/第 7 位数后都加一个空格增加可读性)。
  4. 按钮固定于页面底部,不随页面滑动。

地址编辑

用于新增、修改地址信息。

交互规则

  1. 表单手机号码填写完成后,表单展示格式为:XXX XXXX XXXX (前三位数后面加一个空格,中间四位数后面加一个空格)。
  2. 表单收货地区选择完成后,表单展示格式为:XX省 XX市 XX区 XX街道 (省市区街道中间用一个空格隔开)。

CoDesign 设计稿

选择地址

省市区街道四级联动选择,配合底部抽屉使用,可增加热门城市快捷选择。

CoDesign 设计稿

交互规则

  1. 提示语请选择,选择完成显示已选项名称,并自动跳转下一级,可点击上一级重新选择。
  2. 高亮当前选项。
  3. 全部选择完成后,弹窗自动收起。