空状态 Empty

在无数据时呈现的默认状态

基础用法

通过 <bp-empty /> 使用基础空状态

<template>
  <bp-empty />
</template>

自定义内容

通过设置文本和图标内容实现组件自定义

<template>
  <bp-empty :icon="IconFolderWarningLine" description="这里什么东西都没有" />
</template>

<script setup lang="ts">
import { IconFolderWarningLine } from "birdpaper-icon";
</script>

Empty 属性

icon	图标	IconComponents	IconInbox2Line
description	描述文字	String	暂无数据