From e7970a84fa4b0af49ed29e38c538e73552932afc Mon Sep 17 00:00:00 2001
From: Seven <qiqiwatermelon@gmail.com>
Date: Fri, 9 Jan 2026 01:18:46 +0700
Subject: [PATCH] =?UTF-8?q?feat:=20=E6=B7=BB=E5=8A=A0=E7=A9=BA=E7=8A=B6?=
 =?UTF-8?q?=E6=80=81=E7=BB=84=E4=BB=B6=EF=BC=8C=E4=BC=98=E5=8C=96=E6=95=B0?=
 =?UTF-8?q?=E6=8D=AE=E4=B8=BA=E7=A9=BA=E6=97=B6=E7=9A=84=E5=B1=95=E7=A4=BA?=
 =?UTF-8?q?=E6=95=88=E6=9E=9C?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/market/components/rwa-list.vue      | 78 ++++++++++---------
 src/views/market/components/rwa-orders.vue    |  8 +-
 .../market/components/tokenized-list.vue      | 65 +++++++++-------
 src/views/riwa/components/news.vue            |  6 +-
 4 files changed, 85 insertions(+), 72 deletions(-)

diff --git a/src/views/market/components/rwa-list.vue b/src/views/market/components/rwa-list.vue
index 707bd7f..e9e8096 100644
--- a/src/views/market/components/rwa-list.vue
+++ b/src/views/market/components/rwa-list.vue
@@ -1,6 +1,7 @@
 <script lang='ts' setup>
 import type { RwaData } from "@/api/types";
 import CryptocurrencyColorNuls from "~icons/cryptocurrency-color/nuls";
+import ui from "@/ui";
 
 defineProps<{
   data: RwaData[];
@@ -38,47 +39,52 @@ function gotoTradeRwa(id: string) {
         </ion-col>
       </ion-row>
     </ion-grid>
-    <div v-for="item in data" :key="item.id" @click="gotoTradeRwa(item.id)">
-      <ion-grid>
-        <ion-row class="ion-align-items-center my-5">
-          <ion-col size="6" class="flex items-center">
-            <div class="mr-3">
-              <CryptocurrencyColorNuls class="text-3xl" />
-            </div>
-            <div>
-              <div class="text-sm font-semibold mb-1 truncate">
-                {{ item.product?.name }}
+    <template v-if="data.length === 0">
+      <ui-empty />
+    </template>
+    <template v-else>
+      <div v-for="item in data" :key="item.id" @click="gotoTradeRwa(item.id)">
+        <ion-grid>
+          <ion-row class="ion-align-items-center my-5">
+            <ion-col size="6" class="flex items-center">
+              <div class="mr-3">
+                <CryptocurrencyColorNuls class="text-3xl" />
               </div>
-              <div class="flex items-center space-x-2">
-                <div class="text-xs text-text-500">
-                  {{ item.product?.code }}
+              <div>
+                <div class="text-sm font-semibold mb-1 truncate">
+                  {{ item.product?.name }}
                 </div>
-                <div class="text-xs rounded-md px-1 py-0.5 bg-text-800">
-                  {{ item.product.category?.name }}
+                <div class="flex items-center space-x-2">
+                  <div class="text-xs text-text-500">
+                    {{ item.product?.code }}
+                  </div>
+                  <div class="text-xs rounded-md px-1 py-0.5 bg-text-800">
+                    {{ item.product.category?.name }}
+                  </div>
                 </div>
               </div>
-            </div>
-          </ion-col>
-          <ion-col>
-            <div class="text-xs text-right">
-              {{ item.editionName }}
-            </div>
-          </ion-col>
-          <ion-col>
-            <div class="text-xs text-right">
-              {{ useDateFormat(item.launchDate!, 'MM/DD') }}
-            </div>
-          </ion-col>
-          <ion-col>
-            <div v-if="item.unitPrice" class="text-right">
-              <div class="text-lg font-bold text-primary">
-                ${{ Number(item.unitPrice) }}
+            </ion-col>
+            <ion-col>
+              <div class="text-xs text-right">
+                {{ item.editionName }}
               </div>
-            </div>
-          </ion-col>
-        </ion-row>
-      </ion-grid>
-    </div>
+            </ion-col>
+            <ion-col>
+              <div class="text-xs text-right">
+                {{ useDateFormat(item.launchDate!, 'MM/DD') }}
+              </div>
+            </ion-col>
+            <ion-col>
+              <div v-if="item.unitPrice" class="text-right">
+                <div class="text-lg font-bold text-primary">
+                  ${{ Number(item.unitPrice) }}
+                </div>
+              </div>
+            </ion-col>
+          </ion-row>
+        </ion-grid>
+      </div>
+    </template>
   </div>
 </template>
 
diff --git a/src/views/market/components/rwa-orders.vue b/src/views/market/components/rwa-orders.vue
index 2d0010a..0c3282f 100644
--- a/src/views/market/components/rwa-orders.vue
+++ b/src/views/market/components/rwa-orders.vue
@@ -58,11 +58,9 @@ onMounted(() => {
     <ion-spinner />
   </div>
 
-  <div v-else-if="holdingsData.length === 0" class="flex flex-col justify-center items-center h-64">
-    <div class="text-text-500">
-      {{ t('holdings.empty') }}
-    </div>
-  </div>
+  <template v-else-if="holdingsData.length === 0">
+    <ui-empty />
+  </template>
 
   <div v-else class="space-y-3">
     <div
diff --git a/src/views/market/components/tokenized-list.vue b/src/views/market/components/tokenized-list.vue
index cf115f5..d45aa3d 100644
--- a/src/views/market/components/tokenized-list.vue
+++ b/src/views/market/components/tokenized-list.vue
@@ -32,41 +32,46 @@ function gotoTokenized(id: string) {
         </ion-col>
       </ion-row>
     </ion-grid>
-    <div v-for="item in data" :key="item.id" @click="gotoTokenized(item.id)">
-      <ion-grid>
-        <ion-row class="ion-align-items-center my-5">
-          <ion-col size="6" class="flex items-center">
-            <div class="mr-3">
-              <CryptocurrencyColorNuls class="text-3xl" />
-            </div>
-            <div>
-              <div class="text-sm font-semibold mb-1 truncate">
-                {{ item.product?.name }}
+    <template v-if="data.length === 0">
+      <ui-empty />
+    </template>
+    <template v-else>
+      <div v-for="item in data" :key="item.id" @click="gotoTokenized(item.id)">
+        <ion-grid>
+          <ion-row class="ion-align-items-center my-5">
+            <ion-col size="6" class="flex items-center">
+              <div class="mr-3">
+                <CryptocurrencyColorNuls class="text-3xl" />
               </div>
-              <div class="flex items-center space-x-2">
-                <div class="text-xs text-text-500">
-                  {{ item.product?.code }}
+              <div>
+                <div class="text-sm font-semibold mb-1 truncate">
+                  {{ item.product?.name }}
                 </div>
-                <div class="text-xs rounded-md px-1 py-0.5 bg-text-800">
-                  {{ item.product?.category?.name }}
+                <div class="flex items-center space-x-2">
+                  <div class="text-xs text-text-500">
+                    {{ item.product?.code }}
+                  </div>
+                  <div class="text-xs rounded-md px-1 py-0.5 bg-text-800">
+                    {{ item.product?.category?.name }}
+                  </div>
                 </div>
               </div>
-            </div>
-          </ion-col>
+            </ion-col>
 
-          <ion-col>
-            <div class="text-xs text-right">
-              +12.6%
-            </div>
-          </ion-col>
-          <ion-col>
-            <div class="text-xs text-right">
-              连涨3天
-            </div>
-          </ion-col>
-        </ion-row>
-      </ion-grid>
-    </div>
+            <ion-col>
+              <div class="text-xs text-right">
+                +12.6%
+              </div>
+            </ion-col>
+            <ion-col>
+              <div class="text-xs text-right">
+                连涨3天
+              </div>
+            </ion-col>
+          </ion-row>
+        </ion-grid>
+      </div>
+    </template>
   </div>
 </template>
 
diff --git a/src/views/riwa/components/news.vue b/src/views/riwa/components/news.vue
index 0b5ccf2..95cab4c 100644
--- a/src/views/riwa/components/news.vue
+++ b/src/views/riwa/components/news.vue
@@ -21,7 +21,11 @@ function openNewsDetail(item: NewData) {
       动态新闻
     </div>
 
-    <div class="space-y-3">
+    <template v-if="data?.data.length === 0">
+      <ui-empty />
+    </template>
+
+    <div v-else class="space-y-3">
       <div
         v-for="item in data?.data"
         :key="item.id"