Files
Situation-Awareness-Platfor…/src/components/EmptyData/index.vue
2025-03-12 18:41:20 +08:00

36 lines
714 B
Vue

<template>
<d-result class="py-5" icon="info" :title="title" :desc="desc" v-if="!hideIcon">
<template #icon>
<Animation name="dataEmpty" width="120px" height="120px" />
</template>
</d-result>
<div class="text-center text-G600 py-20" v-else> {{ title }}</div>
</template>
<script setup lang="ts">
import Animation from '@/components/Animation/index.vue';
withDefaults(
defineProps<{
title?: string,
desc?: string,
icon?: string,
hideIcon: boolean
}>(),
{
title: '暂无数据',
desc: '',
hideIcon: true
}
);
</script>
<style lang="scss" scoped>
:deep(.devui-result__extra) {
margin-top: 0;
}
:deep(.devui-result__title) {
margin-top: 10px;
}
</style>