Appearance
P21 我的页
概述
页面名称:我的页
页面目标:承载用户资产与常用工具入口
适用角色:全部用户;资产信息需登录
页面入口:底部 Tab - 我的
页面组成
| 区块 | 字段 | 说明 |
|---|---|---|
| 用户信息区 | avatarUrl、nickName、registerTime | 个人基础信息 |
| 积分资产区 | pointsBalance、pointsIntro | 积分余额与入口 |
| 订单快捷区 | pendingPayCount、pendingDeliveryCount、shippedCount、completedCount | 订单快捷入口,移除售后/退换相关状态 |
| 成长资产区 | badgeCount、atlasCount | 徽章与图鉴入口 |
| 工具区 | winnings、address、service、invite | 常用工具 |
按钮与跳转
| 按钮 | 显示条件 | 动作 |
|---|---|---|
| 编辑资料 | 登录后显示 | 打开 P22 |
| 查看积分 | 固定显示 | 打开 P23 |
| 我的订单 | 固定显示 | 打开 P24 |
| 徽章成就 | 固定显示 | 打开 P26 |
| 周边图鉴 | 固定显示 | 打开 P28 |
| 我的中奖 | 固定显示 | 打开 P30 |
| 地址管理 | 固定显示 | 打开 P31 |
| 联系客服 | 固定显示 | 打开 P32 |
| 邀请好友 | 固定显示 | 打开 P33 |
交互逻辑
- 未登录时,展示默认头像和 “立即登录”。
- 登录后,加载用户资产信息与订单统计数据。
- 资产加载失败时,不影响工具区功能使用。
校验规则
- 各类角标数量不得为负值。
- 资产区必须使用最新接口数据,不得读取本地缓存。
状态处理
空状态 / 加载中 / 失败态
- 资产区加载失败时,工具区保持可用。
异常提示
- 我的页加载失败提示:
个人信息加载失败,请下拉刷新
页面跳转关系
P21 -> P22 / P23 / P24 / P26 / P28 / P30 / P31 / P32 / P33
埋点建议
mine_showmine_login_clickmine_order_clickmine_badge_click
开发要点
- 页面需兼容登录态与未登录态两种展示。
- 用户资产、订单统计属于动态数据,需优先保证接口实时性。
- 工具区应与资产区解耦,避免因资产接口异常导致整页不可用。
- 订单快捷区不包含售后/退换相关状态。
