Tui

<template>
  <TsEmpty></TsEmpty>
</template>

<script setup lang="ts">
import { TsEmpty } from 'tui';
</script>

<template>
  <TsEmpty text-center text="自定义空缺文案"></TsEmpty>
</template>

<script setup lang="ts">
import { TsEmpty } from 'tui';
</script>

<template>
  <TsEmpty>
    <div style="display: flex; flex-direction: column; align-items: center; row-gap: 12px; margin: auto">
      <TsImage shape="square"></TsImage>
      <div>自定义插槽空缺内容</div>
    </div>
  </TsEmpty>
</template>

<script setup lang="ts">
import { TsEmpty, TsImage } from 'tui';
</script>