地址管理
包括地址管理列表、地址编辑、选择地址页面。
地址管理列表
展示地址信息列表,可切换收货发货列表。
交互规则
- 默认选中收货地址 Tab ,点击 Tab 切换列表。
- 列表卡片向左滑动,可唤出当前卡片的操作按钮,点击按钮以外区域或往回滑动可隐藏操作。
- 手机号码格式为
XXX XXXX XXXX
(第 3 位数后/第 7 位数后都加一个空格增加可读性)。 - 按钮固定于页面底部,不随页面滑动。
地址编辑
用于新增、修改地址信息。
交互规则
- 表单手机号码填写完成后,表单展示格式为:
XXX XXXX XXXX
(前三位数后面加一个空格,中间四位数后面加一个空格)。 - 表单收货地区选择完成后,表单展示格式为:
XX省 XX市 XX区 XX街道
(省市区街道中间用一个空格隔开)。
选择地址
省市区街道四级联动选择,配合底部抽屉使用,可增加热门城市快捷选择。
交互规则
- 提示语请选择,选择完成显示已选项名称,并自动跳转下一级,可点击上一级重新选择。
- 高亮当前选项。
- 全部选择完成后,弹窗自动收起。