搜索结果列表页面开发

src/components/EmptyData/index.vue

@@ -0,0 +1,35 @@
+<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>