列表List

通知中心：逐项扫描，状态长在行上

切分类、点行、加载更多、看空态——列表要处理的事都在这个面板里。

面板教给你的四件事

刚才操作对应的结论，命名一下。

• 结构一致：每一行都是「标题 / 时间 / 已读态」，位置固定才能快速扫。
• 状态长在物件上：点行后，行的文字、底色、角标和顶部计数一起变，不只靠一句提示。
• 筛选改内容也改计数：切「未读」时，列表和分类上的数字同步换。
• 加载 / 空 / 到底三态：加载中有占位、空列表有原因和下一步、到底有「已加载全部」结束态。

什么时候用列表

从用户任务判断，而不是「看起来像列表」。

• 项目结构一致、用户逐项浏览或处理：通知、动态、任务、消息。
• 单项可以很富（标题 + 摘要 + 时间 + 状态 + 操作），不需要列对齐。

边界：多列数值要对比、排序、汇总时用表格，不要用列表硬塞。列表垂直流式、单项可富；表格网格对齐、可排序。

怎么用：从需求到可验收的最短路径

四步从输入走到判断。

• 定单项结构：先决定一行里放什么、点哪里进详情。
• 选加载策略：分页（带页码、可跳转）或加载更多（流式、更轻）。
• 处理三态：加载、空、到底都要有可见文字反馈。
• 键盘可达：Tab 能逐行到达，加载后焦点不丢、不乱跳。

同一通知列表的正反例

只改一处关键选择，看用户结果差在哪。