P06 公告详情页

页面概述

页面名称：公告详情页
页面目标：查看公告或系统消息详情
适用角色：全部用户；系统消息需登录
页面入口：P05

页面组成

1. 标题区

• 字段：title、subtitle、publishTime
• 说明：顶部基础信息

2. 正文区

• 字段：richTextContent、imageList、videoList
• 说明：官方公告富文本正文

3. 关联信息区

• 字段：bizType、bizId、actionText
• 说明：系统消息存在关联订单、中奖等业务信息时，展示快捷跳转入口

按钮设计

按钮	显示条件	动作
查看关联详情	系统消息有关联业务	跳转业务详情页

交互逻辑

• 页面加载后自动将当前消息标记为已读
• 官方公告正文支持：
  • 图片预览
  • 视频播放

校验规则

• 富文本中的外链域名需符合小程序白名单配置
• 视频域名需符合小程序白名单配置

状态与异常处理

空状态 / 加载中 / 失败态

• 数据为空时，显示：消息已失效

异常提示

• 正文加载失败时，提示：消息详情加载失败，请稍后重试

跳转关系

• P06 -> P25
• P06 -> P30
• P06 -> 外部 H5（如配置）

埋点建议

• message_detail_show
• message_biz_jump_click