P05 公告消息列表页

页面概述

页面名称：公告消息列表页
页面目标：统一承接官方公告与系统消息查看
适用角色：全部用户；系统消息需登录后查看个人态
页面入口：公告滚动条、公告入口

页面结构

1. Tab 区

• 字段：tabType
• 说明：用于切换 官方公告 / 系统消息

2. 列表区

• 字段：title、subtitle、publishTime、coverImage、readFlag
• 说明：消息卡片列表

3. 未读角标

• 字段：unreadCount
• 说明：显示在系统消息 Tab 上

页面交互

按钮/元素	显示条件	动作
公告卡片	列表有数据	打开 P06
全部标记已读	系统消息 Tab 且有未读	调用已读接口 [AI假设项 A1]

业务规则

交互逻辑

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

校验规则

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

状态处理

空状态

• 官方公告：暂无公告
• 系统消息：暂无系统消息

失败态

• 列表加载失败提示：消息列表加载失败，请下拉重试

跳转关系

• P05 -> P06

埋点建议

• message_list_show
• message_tab_switch
• message_item_click

备注

• 系统消息为登录后可见的个人态数据
• 全部标记已读 依赖已读接口，当前标注为 [AI假设项 A1]