首页操作说明

页面信息

  • 页面名称:首页
  • 路由:/pages/index/index
  • 源码:pages/index/index.uvue
  • 入口:登录成功、底部导航“首页”、业务流程返回首页。
  • 当前状态:沉浸式顶部、东区城市模块和自定义底部导航已完成静态首版;人才资讯已接入首批用户端接口,宣传内容和城市专题接口待接入。

功能点

功能 当前实现 后续接口目标
顶部导航 按微信胶囊动态适配;标题是文本「攀枝花市东区人才服务平台」,用行楷(优先服务器字体 FoodCalligraphyFull,加载失败或缺字回退系统字体);下滑超过阈值后橙色实体背景渐显,标题位置保持固定。 后台无需下发导航资源。
东区主图 主图取服务器 /uploads/home/home-top.png(homeImage() 拼当前接口域名),上半部压橙色透明渐变、底部圆角,提供“向东看”入口。 后台返回宣传视频或内容链接及封面。
城市介绍 展示东区简介、潜力城、兴业城、黄金城、宜居城入口,配图取服务器 /uploads/home/city-*.jpg\|png;换图只换服务器文件,不用发版。 后台配置专题类型、标题、图片和详情内容。
人才资讯 配置服务地址后调用 GET /api/app/home 获取置顶及普通资讯摘要,按稳定 ID 进入富文本资讯详情;查看更多进入资讯列表。 后台发布管理、封面图和附件待补充。
底部导航 首页、人才权益、人才卡、人才政策、个人中心为平级页面,使用 reLaunch 切换。 登录态失效时统一进入登录页。

操作说明

  1. 用户进入首页后查看东区宣传、城市介绍和人才资讯。
  2. 点击“向东看”进入后台配置的宣传内容;未配置时展示明确提示。
  3. 点击资讯卡片携带对应 newsId 进入资讯详情,点击“查看更多”进入资讯列表。
  4. 点击底部五个入口切换平级业务页面,不产生左滑入的二级页面动画。

异常处理

场景 页面处理要求
宣传资源未配置 提示内容暂未开放,不进入空白页面。
资讯为空 隐藏空卡片并展示“暂无人才资讯”。
图片加载失败 展示统一轻量占位图,不改变模块高度。
登录失效 清理失效令牌并重定向登录页。

后台数据预留

  • 首页配置:宣传封面、视频/内容链接、城市专题列表、排序与启用状态。
  • 资讯摘要:newsId、标题、发布时间、发布方、置顶状态、缩略图和有效状态。