feat: 增加no-data组件

src/components/no-data/index.vue

@@ -0,0 +1,49 @@
+<!--
+ * @Author: RenXiaoDong
+ * @Date: 2025-07-01 16:09:21
+-->
+<template>
+  <div class="no-data">
+    <slot name="pic">
+      <img :src="emptyIcon" class="img" alt="" width="106" height="72" />
+    </slot>
+    <slot>
+      <div v-if="text" class="text mt-36px">{{ text }}</div>
+    </slot>
+  </div>
+</template>
+
+<script setup>
+import icon from './img/icon-empty.png';
+
+const props = defineProps({
+  text: {
+    type: String,
+    default: '暂无数据',
+  },
+  emptyIcon: {
+    type: String,
+    default: icon,
+  },
+});
+</script>
+
+<style lang="scss" scoped>
+.no-data {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  flex-direction: column;
+  padding-top: 10%;
+  padding-bottom: 10%;
+  line-height: 1.5em;
+  .text {
+    color: var(--Text-3, #737478);
+    font-family: 'PuHuiTi-Regular';
+    font-size: 14px;
+    font-style: normal;
+    font-weight: 400;
+    line-height: 22px;
+  }
+}
+</style>