P06 公告详情页设计说明

页面目标

查看公告或系统消息详情。

适用角色

• 全部用户
• 系统消息需登录

页面入口

• P05

页面组成

标题区

字段：title、subtitle、publishTime

• 展示顶部基础信息

正文区

字段：richTextContent、imageList、videoList

• 支持官方公告富文本正文

关联信息区

字段：bizType、bizId、actionText

• 当系统消息有关联订单、中奖等业务信息时展示快捷跳转

主要按钮与动作

• 查看关联详情：存在关联业务时，跳转对应业务详情页

交互逻辑

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

校验规则

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

状态与异常

• 数据为空：显示 消息已失效
• 异常提示：消息详情加载失败，请稍后重试

跳转关系

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

埋点建议

• message_detail_show
• message_biz_jump_click