P28-P29 周边图鉴与 NFC 解锁

P28 周边图鉴页

页面目标

承载图鉴解锁入口与图鉴列表。

页面入口

• P21

页面结构

• 统计区：unlockedCount、totalCount
• 解锁入口区：unlockDesc、loadingAnimation
• 解锁成功弹窗：
  • unlockStatus
  • goodsName
  • goodsImage
  • atlasName
  • atlasImage
  • unlockTime
  • rewardType
  • rewardValue
  • prizeName
  • contactHint
• 已解锁列表：atlasId、atlasName、atlasIcon、unlockTime
• 未解锁列表：atlasId、atlasName、atlasIcon

交互规则

• 点击“开始解锁”进入当前页内的 NFC 监听模式（文档标注 AI 假设项 A11）
• 点击图鉴卡片进入 P29

奖励规则

解锁成功后奖励类型支持：

• 积分
• 核销码
• 实物

核销码 / 实物奖励领取逻辑参考抽奖中奖后的客服领取引导。

校验规则

• 图鉴解锁仅对带芯片周边有效
• 同一图鉴不可重复发奖

状态与异常

• 空状态：暂未配置图鉴内容
• 解锁失败：未识别到有效周边芯片，请重试

埋点建议

• atlas_list_show
• atlas_unlock_start
• atlas_unlock_success

---

P29 图鉴详情页

页面目标

展示图鉴详情及解锁情况。

页面入口

• P28

页面结构

• 图鉴信息区：atlasIcon、atlasName、unlockStatus、unlockTime
• 关联周边区：goodsName、goodsImage、rewardPoints

交互规则

• 已解锁：显示解锁时间
• 未解锁：显示获取说明
• 未持有相关商品时可见“去商城看看”（文档标注 AI 假设项 A1），跳转 P12 / P18

校验规则

• goodsId 缺失时隐藏商城跳转

状态与异常

• 数据无效则返回列表页
• 加载失败：图鉴详情加载失败

跳转关系

• P28 -> P29
• P29 -> P12 / P18

埋点建议

• atlas_detail_show
• atlas_go_goods_click