Skip to content

P07 西湖漫游页

页面概述

  • 页面名称:西湖漫游页
  • 页面目标:承载景区介绍、路线推荐与景点列表
  • 适用角色:全部用户
  • 页面入口:首页西湖漫游入口

页面组成

1. 景区介绍区

用于展示景区概览信息。

字段:

  • scenicImages
  • summary
  • score
  • weather
  • playTips
  • openTime
  • traffic

2. 路线推荐区

用于展示多条推荐路线卡片。

字段:

  • routeId
  • routeImage
  • routeName
  • highlight
  • distance
  • badgeStatus

3. 景点列表区

用于展示全部景点列表。

字段:

  • spotId
  • spotName
  • spotImage
  • tagline
  • checkinStatus

交互与按钮行为

按钮显示条件动作
路线卡片列表有数据打开 P08
景点卡片列表有数据打开 P09
查看全部景点景点预览模式展开列表(AI假设项 A1)

页面逻辑

默认展示逻辑

  • 默认展示景区介绍、推荐路线和景点列表。
  • 用户返回页面后,需保留上次滚动位置。

校验规则

  • 路线卡片徽章状态 badgeStatus 需按登录态动态计算。
  • 未登录时统一显示:未解锁

状态处理

  • 无路线时:隐藏路线区块。
  • 无景点时:显示文案 景点整理中
  • 加载失败时:提示 景区信息加载失败,请稍后再试

跳转关系

  • P07 -> P08
  • P07 -> P09

埋点建议

  • roaming_show
  • route_card_click
  • spot_card_click

实现要点

  • 页面需支持景区信息、路线推荐、景点列表三类内容的聚合展示。
  • 路线区块应根据数据存在性进行条件渲染。
  • 景点列表支持预览态与展开态切换。
  • 返回保留滚动位置,优化用户连续浏览体验。
  • 徽章状态依赖登录态,应在前端展示层或接口返回后进行统一计算。

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