Skip to content

图鉴详情页(P29)

页面概述

  • 页面名称:图鉴详情页
  • 页面目标:展示图鉴详情与解锁情况
  • 适用角色:已登录用户
  • 页面入口:P28

页面组成

1. 图鉴信息区

展示图鉴基础信息:

  • atlasIcon:图鉴图标
  • atlasName:图鉴名称
  • unlockStatus:解锁状态
  • unlockTime:解锁时间

2. 关联周边区

展示关联周边与奖励说明:

  • goodsName:周边名称
  • goodsImage:周边图片
  • rewardPoints:奖励积分

按钮与动作

按钮显示条件动作
去商城看看未持有相关商品时可见(AI假设项 A1)打开 P12/P18

交互逻辑

  • 已解锁:显示解锁时间
  • 未解锁:显示获取说明

校验与异常处理

校验规则

  • goodsId 缺失时,隐藏商城跳转按钮

状态处理

  • 空状态 / 加载中 / 失败态:数据无效则返回列表页

异常提示

  • 图鉴详情加载失败:图鉴详情加载失败

页面跳转关系

  • P29 -> P12/P18

埋点建议

  • atlas_detail_show:图鉴详情页展示
  • atlas_go_goods_click:点击“去商城看看”

谷子科技知识库平台 - 多格式摄入、受控编译、岗位隔离问答