页面跳转关系

概述

本节定义了《灵妙儿带你游西湖》项目各页面之间的主要跳转关系，包括起点页面、触发动作与目标页面，用于指导前端开发、交互设计与联调测试。

页面跳转表

起点	触发动作	终点
P01	2 秒结束	P02
P02	点击天气缩略入口	P03
P02	点击抽奖浮窗	P04
P02	点击公告浮窗或公告滚动条	P05
P02	点击西湖漫游入口	P07
P07	点击路线卡片	P08
P07	点击景点卡片	P09
P08 / P09	点击打卡	P10
P08 / P09 / P18 / P33	点击分享海报	P11
P12	点击商品卡片	P18
P18	点击兑换 / 购买	P19
P19	支付成功 / 失败	P20
P21	点击订单 / 徽章 / 图鉴 / 中奖 / 地址 / 客服 / 邀请	对应二级页
P24	点击订单卡片	P25
P02 / P22 / P06	点击 H5 链接	P34

关键流转说明

1. 启动与首页流转

• P01 在展示 2 秒 后自动跳转至 P02。
• P02 为核心入口页，承载多个业务分发能力。

2. 首页分发路径

从 P02 可进入以下页面：

• 天气缩略入口 → P03
• 抽奖浮窗 → P04
• 公告浮窗或公告滚动条 → P05
• 西湖漫游入口 → P07
• H5 链接 → P34

3. 西湖漫游链路

• P07 点击路线卡片进入 P08
• P07 点击景点卡片进入 P09
• 在 P08 或 P09 中点击打卡进入 P10
• 在 P08、P09、P18、P33 中点击分享海报进入 P11

4. 商品与支付链路

• P12 点击商品卡片进入商品详情页 P18
• P18 点击兑换或购买进入 P19
• P19 支付成功或失败后统一进入 P20

5. 个人中心及二级页面

• P21 支持进入多个二级页，包括：
  • 订单
  • 徽章
  • 图鉴
  • 中奖
  • 地址
  • 客服
  • 邀请

6. 订单相关链路

• P24 点击订单卡片进入 P25

7. H5 页面跳转

以下页面点击 H5 链接时均跳转至 P34：

• P02
• P22
• P06

开发关注点

• 需明确 P21 对应各二级页的实际页面编号或路由配置。
• P19 → P20 的支付结果页需兼容成功与失败两种状态展示。
• P08 / P09 / P18 / P33 → P11 为公共分享海报入口，建议复用统一跳转逻辑。
• P02 / P22 / P06 → P34 为跨页面统一 H5 外链能力，需统一埋点与参数透传策略。