Skip to content

P09 景点详情页

P09 景点详情页

页面概述

  • 页面名称:景点详情页
  • 页面目标:展示景点介绍、图册、打卡入口与分享
  • 适用角色:全部用户;打卡需登录
  • 页面入口:P07 / P08

页面组成

1. 顶部信息区

  • heroImage:景点头图
  • spotName:景点名称
  • tagline:摘要文案
  • duration:游览时长

2. 介绍区

  • intro:景点介绍
  • gallery:景点图册
  • 说明:该页已移除“游玩贴士”字段

3. 打卡区

  • checkinStatus:打卡状态
  • rewardType:奖励类型
  • rewardValue:奖励值
  • prizeName:奖品名称
  • routeRefList:关联路线列表

奖励类型说明

  • 支持 积分 / 核销码 / 实物
  • 非积分奖励需展示 奖品名称领取引导

4. 分享区

  • posterPreview:分享海报预览/分享说明

按钮与交互

按钮显示条件动作
立即打卡未打卡打开 P10
分享固定显示打开 P11

交互逻辑

  • 页面需展示当前景点是否已打卡
  • 页面需展示可获得积分
  • 页面需展示关联路线数量
  • 用户打卡成功后返回本页,并实时更新打卡状态

校验规则

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

状态处理

  • 空状态:图册为空时,隐藏图册区
  • 加载失败提示景点信息加载失败,请稍后再试

跳转关系

  • P09 -> P10 / P11

埋点建议

  • spot_detail_show
  • spot_checkin_click
  • spot_share_click

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