feat: 添加划转功能，更新相关路由和国际化支持

src/views/user/components/wallet-card.vue

@@ -1,12 +1,12 @@
 <script lang='ts' setup>
 import { eyeOffOutline, eyeOutline } from "ionicons/icons";
+import BxTransferAlt from "~icons/bx/transfer-alt";
 import IcBaselineBlurCircular from "~icons/ic/baseline-blur-circular";
 import IcRoundArrowCircleDown from "~icons/ic/round-arrow-circle-down";
 import IcRoundArrowCircleUp from "~icons/ic/round-arrow-circle-up";
 import RechargeChannel from "./recharge-channel.vue";
 
 const { t } = useI18n();
-const router = useRouter();
 const walletStore = useWalletStore();
 const { totalAssetValue } = storeToRefs(walletStore);
 const rechargeInstance = ref<ModalInstance>();
@@ -16,12 +16,6 @@ const totalAsset = computed(() => Number(totalAssetValue.value.totalValueUsd).to
 function onCloseModal() {
   rechargeInstance.value?.$el.dismiss(null, "confirm");
 }
-function handleWithdraw() {
-  router.push("/withdraw/index");
-}
-function handleBill() {
-  router.push("/wallet/bill");
-}
 
 onMounted(() => {
   walletStore.syncFundingBalances();
@@ -45,21 +39,42 @@ onMounted(() => {
     </div>
   </div>
 
-  <div class="flex gap-5 w-full">
-    <ion-button id="open-recharge-modal" expand="full" color="success" shape="round" class="w-full min-h-10 h-10">
-      <IcRoundArrowCircleDown slot="start" />
-      {{ t("wallet.recharge") }}
-    </ion-button>
+  <div class="flex gap-2 w-full justify-around">
+    <div id="open-recharge-modal" class="flex-col-center">
+      <ion-button expand="full" color="success" shape="round" class="w-12 h-12">
+        <IcRoundArrowCircleDown slot="icon-only" />
+      </ion-button>
+      <div class="text-sm font-medium mt-1">
+        {{ t("wallet.recharge") }}
+      </div>
+    </div>
 
-    <ion-button expand="full" color="success" shape="round" class="w-full min-h-10 h-10" @click="handleWithdraw">
-      <IcRoundArrowCircleUp slot="start" />
-      {{ t("wallet.withdraw") }}
-    </ion-button>
+    <div class="flex-col-center" @click="$router.push('/withdraw/index')">
+      <ion-button expand="full" color="success" shape="round" class="w-12 h-12">
+        <IcRoundArrowCircleUp slot="icon-only" />
+      </ion-button>
+      <div class="text-sm font-medium mt-1">
+        {{ t("wallet.withdraw") }}
+      </div>
+    </div>
 
-    <ion-button expand="full" color="success" shape="round" class="w-full min-h-10 h-10" @click="handleBill">
-      <IcBaselineBlurCircular slot="start" />
-      账单
-    </ion-button>
+    <div class="flex-col-center" @click="$router.push('/wallet/transfer')">
+      <ion-button expand="full" color="success" shape="round" class="w-12 h-12">
+        <BxTransferAlt slot="icon-only" />
+      </ion-button>
+      <div class="text-sm font-medium mt-1">
+        划转
+      </div>
+    </div>
+
+    <div class="flex-col-center" @click="$router.push('/wallet/bill')">
+      <ion-button expand="full" color="success" shape="round" class="w-12 h-12">
+        <IcBaselineBlurCircular slot="icon-only" />
+      </ion-button>
+      <div class="text-sm font-medium mt-1">
+        账单
+      </div>
+    </div>
     <!-- <div id="open-recharge-modal" class="flex-col-center">
       <ion-ripple-effect />
       <ion-button shape="round" color="success" size="large">