P05 公告消息列表页设计说明

页面目标

统一承接官方公告与系统消息查看。

适用角色

• 全部用户
• 系统消息查看需登录后展示个人态

页面入口

• 公告滚动条
• 公告入口

页面组成

Tab 区

字段：tabType

• 官方公告
• 系统消息

列表区

字段：title、subtitle、publishTime、coverImage、readFlag

• 展示消息卡片列表

未读角标

字段：unreadCount

• 显示在系统消息 Tab 上

主要按钮与动作

• 公告卡片：打开 P06
• 全部标记已读：仅系统消息 Tab 且存在未读时展示，调用已读接口（标记为 AI 假设项）

交互逻辑

• 默认打开官方公告，或按来源路由指定 Tab
• 进入系统消息 Tab 时刷新未读数

校验规则

• 系统消息分页仅展示当前登录用户消息
• 公告富文本内容不在列表阶段预加载

状态与异常

• 空状态：
  • 暂无公告
  • 暂无系统消息
• 异常提示：消息列表加载失败，请下拉重试

跳转关系

• P05 -> P06

埋点建议

• message_list_show
• message_tab_switch
• message_item_click