Installation

暂无数据
基本用法

简单的展示。

<script setup lang="ts">
  import { Empty } from '@lite-space/ui'
</script>

<template>
  <Empty description="暂无数据" />
</template>
暂无数据
选择图片

可以通过image自定义图片，还可以通过imageClass自定义样式。

<script setup lang="ts">
  import { Empty } from '@lite-space/ui'
</script>

<template>
  <Empty description="暂无数据" image-class="rounded border" image="https://images.unsplash.com/photo-1719937051176-9b98352a6cf4?q=80&w=1744&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDF8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D" />
</template>