32 lines
593 B
Vue
32 lines
593 B
Vue
<script lang="ts" setup>
|
|
defineProps<{
|
|
icon?: string
|
|
title?: string
|
|
description?: string
|
|
}>()
|
|
</script>
|
|
|
|
<template>
|
|
<div
|
|
class="py-12 flex flex-col items-center justify-center gap-6 rounded-md bg-muted text-muted-foreground"
|
|
>
|
|
<Icon
|
|
v-if="icon"
|
|
:name="icon"
|
|
size="48px"
|
|
/>
|
|
<div class="flex flex-col items-center gap-2">
|
|
<p class="text-base">
|
|
{{ title }}
|
|
</p>
|
|
<slot>
|
|
<p class="text-sm">
|
|
{{ description || "没有数据" }}
|
|
</p>
|
|
</slot>
|
|
</div>
|
|
</div>
|
|
</template>
|
|
|
|
<style scoped></style>
|