feat: 添加空状态组件，优化数据为空时的展示效果

src/ui/empty/index.vue

@@ -0,0 +1,25 @@
+<script lang='ts' setup>
+import empty from "@/assets/images/empty.png?url";
+
+withDefaults(defineProps<{
+  image?: string;
+  title?: string;
+}>(), {
+  image: empty,
+  title: "暂无数据",
+});
+</script>
+
+<template>
+  <div class="flex flex-col-center space-y-2 my-4">
+    <slot name="icon">
+      <img :src="empty" class="w-22 h-22 object-contain">
+    </slot>
+    <div class="text-sm text-text-400">
+      {{ title }}
+    </div>
+    <slot name="extra" />
+  </div>
+</template>
+
+<style lang='css' scoped></style>

src/ui/index.ts

@@ -36,5 +36,6 @@ declare module "vue" {
     UiTag: typeof import("./tag/index.vue")["default"];
     UiTextareaLabel: typeof import("./textarea-label/index.vue")["default"];
     UiBackButton: typeof import("./back-button/index.vue")["default"];
+    UiEmpty: typeof import("./empty/index.vue")["default"];
   }
 }

src/views/riwa/components/rwa.vue

@@ -22,6 +22,10 @@ function handleClick(item: RwaData) {
     <div class="text-md font-semibold">
       RWA产品
     </div>
+    <template v-if="data?.data.length === 0">
+      <ui-empty />
+    </template>
+    <template v-else>
       <div v-for="item in data?.data" :key="item.id" class="card" @click="handleClick(item)">
         <div class="flex justify-between items-center mb-2 h-10">
           <div class="flex items-center">
@@ -50,6 +54,7 @@ function handleClick(item: RwaData) {
           {{ formatAmountWithSplit(item.totalSupply) }}
         </div>
       </div>
+    </template>
   </div>
 </template>