空状态

Empty State

如果你管它叫……

「啥也没有的页面」「暂无数据那个图」「空空如也提示」「没有内容的插画页」「空列表的提示」「啥都没的占位」「还没内容的页面」

LIVE DEMO真实可交互，动手试试

消息会出现在这里

英文名: Empty State
别名 · 俗称: 空白页无数据提示空页面插画shadcn: Empty
Web 叫法: Empty
大白话定义: 啥内容都没有时展示的友好页面：一张插画加一句话，再给个行动按钮。
部位拆解: 插画 Illustration缓解尴尬的小图，别放太丧的
说明文案 Text告诉用户为什么这里是空的
行动按钮 Action引导用户去创建第一条内容

提示词已按当前平台组织好，复制粘贴给 AI 即可

Web

收藏夹为空时显示空状态（Empty）：插画加「还没有收藏」，下方「去逛逛」按钮（Button）跳首页

调试 Prompt组件不听话时用——把症状补在末尾一起发给 AI

调试我的空状态（Empty）。逐一排除：数据还在加载就先闪了一下空状态，loading 和真为空没区分；深色模式下插画对比度太低看不清；删掉最后一条数据后空状态不触发，边界条件漏判；行动按钮点了没反应，跳转路由没配。症状是：