组件

Empty state 空状态

列表或搜索无数据时的占位；可带图标、说明与操作按钮。

默认

暂无文档

还没有创建任何内容，点击下方按钮开始第一篇。

<div class="pvs-empty pvs-border pvs-rounded-md" style="max-width:24rem">
  <div class="pvs-empty__icon" aria-hidden="true">📭</div>
  <p class="pvs-empty__title">暂无文档</p>
  <p class="pvs-empty__desc">还没有创建任何内容，点击下方按钮开始第一篇。</p>
  <div class="pvs-empty__actions">
    <button type="button" class="pvs-btn pvs-btn--primary pvs-btn--sm">新建文档</button>
  </div>
</div>

Compact

pvs-empty--compact 减小上下留白，适合嵌在卡片或表格下方。

无匹配结果

试试更换关键词或清空筛选。

<div class="pvs-empty pvs-empty--compact pvs-border pvs-rounded-md" style="max-width:20rem">
  <p class="pvs-empty__title">无匹配结果</p>
  <p class="pvs-empty__desc">试试更换关键词或清空筛选。</p>
</div>

类名速查

类名	说明
`pvs-empty`	根容器
`pvs-empty__icon / __title / __desc`	图标、标题、说明
`pvs-empty__actions`	底部按钮区
`pvs-empty--compact`	紧凑留白