feat: 添加通知页面并更新路由和国际化支持

src/components/layout/default.vue

@@ -30,11 +30,18 @@ const { t } = useI18n();
           </div>
         </ion-tab-button>
 
-        <ion-tab-button tab="chat" href="/layout/chat">
+        <!-- <ion-tab-button tab="chat" href="/layout/chat">
           <div class="flex-col-center gap-1">
             <ion-icon aria-hidden="true" :icon="chatboxEllipses" class="icon" />
             <ion-label>{{ t('tabs.chat') }}</ion-label>
           </div>
+        </ion-tab-button> -->
+
+        <ion-tab-button tab="notify" href="/layout/notify">
+          <div class="flex-col-center gap-1">
+            <ion-icon aria-hidden="true" :icon="chatboxEllipses" class="icon" />
+            <ion-label>{{ t('tabs.notify') }}</ion-label>
+          </div>
         </ion-tab-button>
 
         <ion-tab-button tab="user" href="/layout/user">

src/locales/en-US.json

@@ -311,6 +311,7 @@
     "market": "Market",
     "trade": "Trade",
     "chat": "Chat",
+    "notify": "Notify",
     "user": "Profile"
   },
   "common": {

src/locales/zh-CN.json

@@ -317,6 +317,7 @@
     "market": "市场",
     "trade": "交易",
     "chat": "聊天",
+    "notify": "通知",
     "user": "我的"
   },
   "common": {

src/router/index.ts

@@ -33,6 +33,10 @@ const routes: Array<RouteRecordRaw> = [
         path: "chat",
         component: () => import("@/views/chat/index.vue"),
       },
+      {
+        path: "notify",
+        component: () => import("@/views/notify/index.vue"),
+      },
       {
         path: "user",
         component: () => import("@/views/user/index.vue"),

src/views/notify/index.vue

@@ -0,0 +1,23 @@
+<script setup lang="ts">
+import IconParkOutlineClearFormat from "~icons/icon-park-outline/clear-format";
+import MaterialSymbolsAndroidContacts from "~icons/material-symbols/android-contacts";
+</script>
+
+<template>
+  <IonPage>
+    <IonHeader class="ion-no-border">
+      <ion-toolbar class="ui-toolbar">
+        <ion-button slot="start" fill="clear">
+          <IconParkOutlineClearFormat slot="icon-only" />
+        </ion-button>
+        <ion-button slot="end" fill="clear">
+          <MaterialSymbolsAndroidContacts slot="icon-only" />
+        </ion-button>
+        <ion-title>通知</ion-title>
+      </ion-toolbar>
+    </IonHeader>
+    <IonContent :fullscreen="true">
+      <ion-searchbar placeholder="Search" />
+    </IonContent>
+  </IonPage>
+</template>