From 3b2eb67ad16f89e54c50a8f170916d0f8ea74730 Mon Sep 17 00:00:00 2001
From: Seven <qiqiwatermelon@gmail.com>
Date: Thu, 18 Dec 2025 22:30:25 +0700
Subject: [PATCH] =?UTF-8?q?feat:=20=E6=B7=BB=E5=8A=A0=E5=9B=BD=E9=99=85?=
 =?UTF-8?q?=E5=8C=96=E6=94=AF=E6=8C=81=EF=BC=8C=E6=9B=B4=E6=96=B0=E5=B8=82?=
 =?UTF-8?q?=E5=9C=BA=E5=92=8C=E4=BA=A4=E6=98=93=E8=A7=86=E5=9B=BE=E4=B8=AD?=
 =?UTF-8?q?=E7=9A=84=E6=96=87=E6=9C=AC=EF=BC=8C=E4=BC=98=E5=8C=96=E7=94=A8?=
 =?UTF-8?q?=E6=88=B7=E4=BD=93=E9=AA=8C?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/layout/default.vue        | 12 +++++++-----
 src/locales/en-US.json                   | 25 ++++++++++++++++++++++++
 src/locales/zh-CN.json                   | 25 ++++++++++++++++++++++++
 src/views/market/components/category.vue |  3 ++-
 src/views/market/components/rwa-list.vue | 10 ++++++----
 src/views/market/index.vue               |  6 ++++--
 src/views/trade/index.vue                |  3 ++-
 7 files changed, 71 insertions(+), 13 deletions(-)

diff --git a/src/components/layout/default.vue b/src/components/layout/default.vue
index 311a65e..ad8212c 100644
--- a/src/components/layout/default.vue
+++ b/src/components/layout/default.vue
@@ -1,5 +1,7 @@
 <script setup lang="ts">
 import { cellular, chatboxEllipses, compass, personCircle, swapHorizontal } from "ionicons/icons";
+
+const { t } = useI18n();
 </script>
 
 <template>
@@ -9,27 +11,27 @@ import { cellular, chatboxEllipses, compass, personCircle, swapHorizontal } from
       <IonTabBar slot="bottom" class="tabbar">
         <IonTabButton tab="riwa" href="/layout/riwa">
           <IonIcon aria-hidden="true" :icon="compass" />
-          <IonLabel>Riwa</IonLabel>
+          <IonLabel>{{ t('tabs.riwa') }}</IonLabel>
         </IonTabButton>
 
         <IonTabButton tab="market" href="/layout/market">
           <IonIcon aria-hidden="true" :icon="cellular" />
-          <IonLabel>Market</IonLabel>
+          <IonLabel>{{ t('tabs.market') }}</IonLabel>
         </IonTabButton>
 
         <IonTabButton tab="trade" href="/layout/trade">
           <IonIcon aria-hidden="true" :icon="swapHorizontal" />
-          <IonLabel>Trade</IonLabel>
+          <IonLabel>{{ t('tabs.trade') }}</IonLabel>
         </IonTabButton>
 
         <IonTabButton tab="chat" href="/layout/chat">
           <IonIcon aria-hidden="true" :icon="chatboxEllipses" />
-          <IonLabel>Chat</IonLabel>
+          <IonLabel>{{ t('tabs.chat') }}</IonLabel>
         </IonTabButton>
 
         <IonTabButton tab="user" href="/layout/user">
           <IonIcon aria-hidden="true" :icon="personCircle" />
-          <IonLabel>User</IonLabel>
+          <IonLabel>{{ t('tabs.user') }}</IonLabel>
         </IonTabButton>
       </IonTabBar>
     </IonTabs>
diff --git a/src/locales/en-US.json b/src/locales/en-US.json
index 5e4efeb..100fbd1 100644
--- a/src/locales/en-US.json
+++ b/src/locales/en-US.json
@@ -201,5 +201,30 @@
       "pendingRevenue": "Pending Revenue",
       "revenueDetails": "Revenue Details"
     }
+  },
+  "market": {
+    "title": "Market",
+    "search": {
+      "placeholder": "Search"
+    },
+    "category": {
+      "all": "All"
+    },
+    "rwaList": {
+      "nameCode": "Name/Code",
+      "stage": "Stage",
+      "issueDate": "Issue Date",
+      "subscriptionPrice": "Subscription Price"
+    },
+    "loading": {
+      "loadingMore": "Loading more..."
+    }
+  },
+  "tabs": {
+    "riwa": "Riwa",
+    "market": "Market",
+    "trade": "Trade",
+    "chat": "Chat",
+    "user": "Profile"
   }
 }
diff --git a/src/locales/zh-CN.json b/src/locales/zh-CN.json
index ff742e8..d1c277f 100644
--- a/src/locales/zh-CN.json
+++ b/src/locales/zh-CN.json
@@ -201,5 +201,30 @@
       "pendingRevenue": "待确认收益",
       "revenueDetails": "收益明细"
     }
+  },
+  "market": {
+    "title": "市场",
+    "search": {
+      "placeholder": "搜索"
+    },
+    "category": {
+      "all": "全部"
+    },
+    "rwaList": {
+      "nameCode": "名称/代码",
+      "stage": "阶段",
+      "issueDate": "发行日期",
+      "subscriptionPrice": "申购单价"
+    },
+    "loading": {
+      "loadingMore": "加载更多..."
+    }
+  },
+  "tabs": {
+    "riwa": "Riwa",
+    "market": "市场",
+    "trade": "交易",
+    "chat": "聊天",
+    "user": "我的"
   }
 }
diff --git a/src/views/market/components/category.vue b/src/views/market/components/category.vue
index 3b155e4..9922dce 100644
--- a/src/views/market/components/category.vue
+++ b/src/views/market/components/category.vue
@@ -1,6 +1,7 @@
 <script lang='ts' setup>
 import { client, safeClient } from "@/api";
 
+const { t } = useI18n();
 const model = defineModel({ type: String, default: "" });
 
 const { data: categories } = await safeClient(() => client.api.rwa.issuance.categories.get());
@@ -10,7 +11,7 @@ const { data: categories } = await safeClient(() => client.api.rwa.issuance.cate
   <ion-content :scroll-x="true" :scroll-y="false" class="w-full h-6">
     <div class="flex items-center whitespace-nowrap space-x-4">
       <div class="item" :class="{ active: model === '' }" @click="model = ''">
-        全部
+        {{ t('market.category.all') }}
       </div>
       <div
         v-for="item in categories?.data"
diff --git a/src/views/market/components/rwa-list.vue b/src/views/market/components/rwa-list.vue
index d5dbeb6..a549978 100644
--- a/src/views/market/components/rwa-list.vue
+++ b/src/views/market/components/rwa-list.vue
@@ -4,6 +4,8 @@ import type { RwaData } from "@/api/types";
 defineProps<{
   data: RwaData["data"];
 }>();
+
+const { t } = useI18n();
 </script>
 
 <template>
@@ -12,21 +14,21 @@ defineProps<{
       <ion-grid>
         <ion-row class="ion-align-items-center text-xs">
           <ion-col size="6">
-            <div>名称/代码</div>
+            <div>{{ t('market.rwaList.nameCode') }}</div>
           </ion-col>
           <ion-col>
             <div class="text-right">
-              阶段
+              {{ t('market.rwaList.stage') }}
             </div>
           </ion-col>
           <ion-col>
             <div class="text-right">
-              发行日期
+              {{ t('market.rwaList.issueDate') }}
             </div>
           </ion-col>
           <ion-col>
             <div class="text-right">
-              申购单价
+              {{ t('market.rwaList.subscriptionPrice') }}
             </div>
           </ion-col>
         </ion-row>
diff --git a/src/views/market/index.vue b/src/views/market/index.vue
index bcd7ced..3fceff8 100644
--- a/src/views/market/index.vue
+++ b/src/views/market/index.vue
@@ -5,6 +5,8 @@ import { client, safeClient } from "@/api";
 import Category from "./components/category.vue";
 import RwaList from "./components/rwa-list.vue";
 
+const { t } = useI18n();
+
 const [query] = useResetRef<AvailableSubscriptionBody>({
   limit: 20,
   offset: 0,
@@ -59,7 +61,7 @@ onBeforeMount(() => {
 <template>
   <IonPage>
     <IonHeader class="ion-padding ui-header">
-      <ion-searchbar placeholder=" Search" />
+      <ion-searchbar :placeholder="t('market.search.placeholder')" />
       <Category v-model="query!.categoryId" />
     </IonHeader>
     <IonContent :fullscreen="true" class="ion-padding">
@@ -72,7 +74,7 @@ onBeforeMount(() => {
       <ion-infinite-scroll threshold="100px" @ion-infinite="handleInfinite">
         <ion-infinite-scroll-content
           loading-spinner="bubbles"
-          loading-text="加载更多..."
+          :loading-text="t('market.loading.loadingMore')"
         />
       </ion-infinite-scroll>
     </IonContent>
diff --git a/src/views/trade/index.vue b/src/views/trade/index.vue
index 6a6f30d..980f4cf 100644
--- a/src/views/trade/index.vue
+++ b/src/views/trade/index.vue
@@ -2,6 +2,7 @@
 import { cartOutline } from "ionicons/icons";
 import OperationWrapper from "./components/operation-wrapper.vue";
 
+const { t } = useI18n();
 const current = ref<"sale" | "buy" | null>(null);
 </script>
 
@@ -9,7 +10,7 @@ const current = ref<"sale" | "buy" | null>(null);
   <IonPage>
     <IonHeader>
       <IonToolbar>
-        <IonTitle>Market</IonTitle>
+        <IonTitle>{{ t('tabs.trade') }}</IonTitle>
       </IonToolbar>
     </IonHeader>
     <IonContent :fullscreen="true">