Empty State · 空状态

来源：参考组件库（3 个 variant：无数据 / 无结果 / 错误）· 同步 2026-09-29 · 任何"列表为空 / 搜索无结果 / 数据加载失败"场景

🎨 3 个 variant

Variant 1 · 无数据（首次访问 / 未填内容）

No data yet

You haven't added anything here. Start by creating your first item.

Variant 2 · 无结果（搜索 / 筛选无命中）

No results found

Try adjusting your filters or search terms to see more results.

Variant 3 · 错误（加载失败 / 网络异常）

Something went wrong

We couldn't load the data. Check your connection and try again.

📐 Spec Details

Container 宽度
max-width: 400px（居中）
Container 内边距
48px 24px
图标框
80×80 圆 / 灰底
图标尺寸
40px
标题字号
18px / 600
描述字号
14px / 400（#666）
按钮
Button Yellow Size 44
危险变体
--red-500 色图标 + 红底框

🎯 使用规则