P26-P27 徽章成就与详情

P26 徽章成就页

页面目标

展示路线徽章收集进度。

页面入口

• P21

页面结构

• 统计区：unlockedCount、totalCount
• 已解锁列表：badgeId、badgeName、badgeIcon、unlockTime
• 未解锁列表：badgeId、badgeName、badgeIcon

交互规则

• 进入页面后按已解锁 / 未解锁分组展示
• 点击徽章卡片进入 P27

校验规则

• 同一路线仅允许展示一枚徽章

状态与异常

• 空状态：还没有解锁徽章，去路线里完成打卡吧
• 加载失败：徽章信息加载失败，请稍后重试

埋点建议

• badge_list_show
• badge_item_click

---

P27 徽章详情页

页面目标

查看徽章信息、获取条件与奖励说明。

页面入口

• P26

页面结构

• 徽章信息区：badgeIcon、badgeName、unlockStatus、unlockTime
• 条件区：routeName、conditionText、bonusPoints

交互规则

• 未解锁：展示关联路线与当前进度
• 已解锁：展示获得时间
• 未解锁且 routeId 存在时，可点击“去完成路线”跳转 P08

校验规则

• routeId 缺失时，不显示“去完成路线”按钮

状态与异常

• 数据失效时返回徽章列表
• 加载失败：徽章详情加载失败

跳转关系

• P26 -> P27
• P27 -> P08

埋点建议

• badge_detail_show
• badge_go_route_click