会「空」的内容物件——列表、表格、搜索结果、收藏、收件箱、购物车；用户需要知道为什么没有、接下来做什么。
收藏夹空态：四种「为什么没有」对应四种物件
亲手切换「我的收藏」的四种空态场景，看空态物件的图标、标题、说明与主操作怎么各自变化；点主操作，看空态被解除后物件变成结果列表。
第 0 步：这是一个「我的收藏」物件。切换四种「为什么没有内容」的场景， 看空态物件的图标、标题、说明与主操作怎么各自变化；点主操作，看空态怎么被解除。
我的收藏空态 · 从未有数据
还没有收藏
当前场景：初次访问；状态：空态把喜欢的内容收藏起来，就会显示在这里。
场景：
对照：当前是「初次访问」空态。原因：用户第一次打开，收藏夹从未写入过数据，是真正的「空容器」。 下一步：主操作「去逛逛」把用户带去发现内容，而不是停留或假装加载。
面板教会的知识点
把刚才操作里看到的现象命名为五条规则。
- 没有内容 ≠ 没事发生：空态是一个状态视图，要先回答「为什么没有」，再给下一步，而不是留白或转圈。
- 原因不同，物件不同：初次访问、筛选无结果、加载失败、已清空各有自己的图标、标题、说明与主操作，不能共用一句「暂无数据」。
- 主操作指向恢复路径：去逛逛、清除筛选、重试、恢复示例——每个主 CTA 都把用户带向「能让内容回来」的下一步。
- 失败不伪装成空态：加载失败要单独说明并给重试；说成「暂无数据」会让用户永远等不到内容。
- 结果长在物件上：空态解除后，收藏夹物件本身变成结果列表，并用 live region 让读屏同步知道。
什么时候用空状态
从「这个物件会空吗」判断，而不是看页面够不够空。
加载中（→ 骨架屏/加载器）、未登录或无权限（→ 单独说明并给登录入口）、整页找不到（→ 结果页/404）；这些都不是真正的空态。
怎么用：从原因到主操作的最短路径
一次到位的检查顺序。
- 先判原因：是初次访问、筛选无结果、加载失败，还是主动清空？原因决定文案与图标，不能混用。
- 给对文案与图标：标题说「为什么」，说明补「怎么办」，用与原因匹配的图标加强，不靠颜色独撑。
- 主 CTA 指向恢复：去添加、清除筛选、重试、恢复——每个空态都要有一个能把内容带回来的主操作。
- 用 live region：状态变化写进 role="status"，让读屏在空态出现或被解除时同步通知，不只靠视觉。
正反例：同一个「筛选海岛没有匹配」
只改一处关键判断——空态有没有给可恢复的主操作。
保留「海岛」筛选、说明「没找到海岛相关收藏」、图标是搜索、主操作「清除筛选」把全部收藏还回来。用户知道是筛选问题，且能一键恢复。
清除筛选只显示「暂无数据」，丢掉筛选关键词、没有主操作。用户分不清是没收藏、被滤掉，还是出错了，卡在原地无法前进。
暂无数据快速自测
购物车结账成功后变成空的，最合适的空态是？
继续查证
术语的技术定义和行为以这些一手或权威资料为准。
下一步学
和本知识点经常一起出现的概念。