Skip to content

P02 首页

P02 首页

页面概述

  • 页面名称:首页
  • 页面目标:聚合当天信息、运营内容与核心玩法入口
  • 适用角色:全部用户
  • 页面入口:底部 Tab-首页、引导页结束

页面组成

区块字段说明
顶部 BannerbannerIdbannerImagejumpTypejumpUrl支持轮播与 H5 跳转
天气入口weatherIcontemperatureweatherDesc点击打开欢迎弹窗
公告滚动条noticeTitlenoticeSubtitlepublishTime上下轮播 1 条官方公告
漫游聚合区scenicIntroroutePreviewListspotPreviewList展示景区介绍摘要与入口
抽奖浮窗unreadFlagcostPoints常驻右侧,可拖拽吸边(AI假设项 A1)
TabBar-首页、商城、我的一级导航

交互与按钮

按钮/入口显示条件动作
Banner 卡片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

设计要点

  • 首页承担信息聚合核心入口分发职责。
  • 顶部 Banner、公告、漫游聚合区构成主要内容流。
  • 天气入口与抽奖浮窗属于高频触达入口,需保证稳定可见性与不遮挡核心导航。

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