P02 首页设计说明

页面目标

聚合当天信息、运营内容与核心玩法入口。

适用角色

• 全部用户

页面入口

• 底部 Tab-首页
• 引导页结束后进入

页面组成

顶部 Banner

字段：bannerId、bannerImage、jumpType、jumpUrl

• 支持轮播
• 支持跳转 H5 或业务页

天气入口

字段：weatherIcon、temperature、weatherDesc

• 点击后打开欢迎弹窗 P03

公告滚动条

字段：noticeTitle、noticeSubtitle、publishTime

• 上下轮播 1 条官方公告

漫游聚合区

字段：scenicIntro、routePreviewList、spotPreviewList

• 展示景区介绍摘要与入口

抽奖浮窗

字段：unreadFlag、costPoints

• 常驻右侧
• 可拖拽吸边（标记为 AI 假设项）

TabBar

• 首页
• 商城
• 我的

主要按钮与动作

• Banner 卡片：跳 H5 或业务页
• 天气缩略按钮：打开 P03
• 公告入口：打开 P05
• 抽奖浮窗：打开 P04
• 西湖漫游入口：打开 P07

交互逻辑

• 页面进入后调用首页聚合接口
• 登录且满足“授权后首次 / 当日首次”条件时，自动触发欢迎弹窗

校验规则

• Banner 跳 H5 前需校验域名白名单
• 浮窗不可遮挡 TabBar

状态与异常

• 加载中：Banner skeleton、公告 skeleton、漫游模块 skeleton
• 失败：提供“点击重试”
• 异常提示：首页数据加载失败，请下拉重试

跳转关系

• P02 -> P03 / P04 / P05 / P07 / P12 / P21

埋点建议

• home_show
• home_banner_click
• weather_entry_click
• lottery_float_click
• roaming_entry_click