Appearance
徽章详情页
徽章详情页
基本信息
- 页面名称：徽章详情页
- 页面目标：查看徽章信息与获取条件
- 适用角色：已登录用户
- 页面入口：P26
页面组成
徽章信息区
用于展示徽章基础信息：
badgeIcon：徽章图标badgeName：徽章名称unlockStatus：解锁状态unlockTime：解锁时间
条件区
用于展示解锁条件与奖励说明：
routeName：关联路线名称conditionText：解锁条件说明bonusPoints：奖励积分
按钮与动作
| 按钮 | 显示条件 | 动作 |
|---|---|---|
| 去完成路线 | 未解锁 | 跳转 P08 |
交互逻辑
- 未解锁时：展示关联路线和当前进度
- 已解锁时：展示获得时间
校验规则
routeId缺失时，不显示“去完成路线”按钮
状态处理
- 空状态 / 加载中 / 失败态：数据失效时返回徽章列表
- 异常提示：徽章信息加载失败时，提示：
徽章详情加载失败
跳转关系
P27 -> P08
埋点建议
badge_detail_showbadge_go_route_click