Appearance
P07 西湖漫游页
页面概述
- 页面名称:西湖漫游页
- 页面目标:承载景区介绍、路线推荐与景点列表
- 适用角色:全部用户
- 页面入口:首页西湖漫游入口
页面组成
1. 景区介绍区
用于展示景区概览信息。
字段:
scenicImagessummaryscoreweatherplayTipsopenTimetraffic
2. 路线推荐区
用于展示多条推荐路线卡片。
字段:
routeIdrouteImagerouteNamehighlightdistancebadgeStatus
3. 景点列表区
用于展示全部景点列表。
字段:
spotIdspotNamespotImagetaglinecheckinStatus
交互与按钮行为
| 按钮 | 显示条件 | 动作 |
|---|---|---|
| 路线卡片 | 列表有数据 | 打开 P08 |
| 景点卡片 | 列表有数据 | 打开 P09 |
| 查看全部景点 | 景点预览模式 | 展开列表(AI假设项 A1) |
页面逻辑
默认展示逻辑
- 默认展示景区介绍、推荐路线和景点列表。
- 用户返回页面后,需保留上次滚动位置。
校验规则
- 路线卡片徽章状态
badgeStatus需按登录态动态计算。 - 未登录时统一显示:
未解锁。
状态处理
- 无路线时:隐藏路线区块。
- 无景点时:显示文案
景点整理中。 - 加载失败时:提示
景区信息加载失败,请稍后再试。
跳转关系
P07 -> P08P07 -> P09
埋点建议
roaming_showroute_card_clickspot_card_click
实现要点
- 页面需支持景区信息、路线推荐、景点列表三类内容的聚合展示。
- 路线区块应根据数据存在性进行条件渲染。
- 景点列表支持预览态与展开态切换。
- 返回保留滚动位置,优化用户连续浏览体验。
- 徽章状态依赖登录态,应在前端展示层或接口返回后进行统一计算。
