怡乐生活页面操作说明

页面信息

  • 页面名称:娱—怡乐生活
  • 路由:/pages/entertainment-benefits/entertainment-benefits
  • 源码:pages/entertainment-benefits/entertainment-benefits.uvue
  • 入口:人才权益页“怡乐生活”分类。
  • 当前状态:专题图册、介绍和观影服务分页已接入后台;当前演示服务由后台迁移数据提供,后续可由运营后台维护。

功能点

功能 当前实现 后续接口目标
沉浸式头图 返回栏固定,上滑后渐显实体橙色背景;主图随后台图册选择同步切换。 后台可扩展主题配置。
横向图册 从后台读取图片 URL、排序和名称,支持点击、横向滑动、选中放大和自动居中。 正式版图片由后台/CDN维护。
专题介绍 展示后台返回的审核后纯文本介绍。 无。
观影服务 从后台分页加载影院、剧院服务,支持首屏/下一页失败重试、空状态和到底状态。 可扩展库存和领券状态。
服务跳转 影院服务进入影城详情;剧院服务明确提示详情暂未开放;已下架服务不可进入。 按服务类型接入领券、购票或预约流程。

操作说明

  1. 在人才权益页点击“怡乐生活”。
  2. 点击或横向滑动顶部图册,查看不同娱乐服务场景。
  3. 向上滑动浏览观影服务;到底时自动加载下一页。
  4. 点击影城服务进入电影院商户详情;点击左上角返回人才权益页。

异常处理

场景 页面处理要求
观影服务首屏失败 展示“观影服务加载失败”和重新加载,保留返回按钮。
观影服务为空 展示“暂无相关观影服务”。
分页加载失败 保留已展示服务,显示“加载失败,点击重试”,不得显示到底。
服务已下架 显示不可用状态,不进入购买/预约流程。

已接入接口

  • GET /api/app/topics/entertainment:返回专题介绍和启用图册。
  • GET /api/app/topics/entertainment/merchants?page={page}&size={size}:返回影院、剧院服务的稳定分页列表。