Skip to content

P09 景点详情页

页面定位

展示景点介绍、图册、打卡入口与分享能力。

适用角色与入口

  • 适用角色:全部用户
  • 限制说明:打卡需登录
  • 页面入口P07 / P08

页面组成

1. 顶部信息区

字段:heroImagespotNametaglineduration

展示景点头图与摘要信息。

2. 介绍区

字段:introgallery

用于展示景点介绍与图册。

说明:已移除“游玩贴士”字段。

3. 打卡区

字段:checkinStatusrewardTyperewardValueprizeNamerouteRefList

支持奖励类型:

  • 积分
  • 核销码
  • 实物

若为非积分奖励,需展示奖品名称与领取引导。

4. 分享区

字段:posterPreview

展示分享说明或海报预览信息。

关键交互

  • 点击立即打卡:进入 P10 NFC 打卡页
  • 点击分享:进入 P11 海报分享页

业务逻辑

  • 页面需展示:
    • 当前景点是否已打卡
    • 可获得的奖励/积分
    • 关联路线数量
  • 用户打卡成功返回后,应刷新当前状态

校验规则

  • 若用户已完成打卡,再次点击打卡按钮时提示:该景点已完成打卡

状态与异常处理

  • 图册为空:隐藏图册区
  • 景点详情加载失败:景点信息加载失败,请稍后再试

跳转关系

P09 -> P10 / P11

埋点建议

  • spot_detail_show
  • spot_checkin_click
  • spot_share_click

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