Empty 空状态

空状态时的展示占位图。

何时使用

• 当目前没有数据时，用于显式的用户提示。
• 初始化场景时的引导创建流程。

示例

基本用法

No Data

No Data

<script setup lang="ts">
import { FEmpty } from '@fs/smart-design'
</script>
<template>
  <f-empty />
  <br>
  <f-empty :image="FEmpty.PRESENTED_IMAGE_SIMPLE" />
</template>

API

<FEmpty>
  <FButton>创建</FButton>
</FEmpty>

参数	说明	类型	默认值	版本
description	自定义描述内容	string | v-slot	-
image	设置显示图片，为 string 时表示自定义图片地址	string | v-slot	false
imageStyle	图片样式	CSSProperties	-

内置图片

• Empty.PRESENTED_IMAGE_SIMPLE

  

• Empty.PRESENTED_IMAGE_DEFAULT