feat: 更新银行卡管理功能，添加银行卡和删除银行卡的逻辑，优化API请求方式

src/views/user/components/trade-settings.vue

@@ -0,0 +1,28 @@
+<script lang='ts' setup>
+import { cardOutline } from "ionicons/icons";
+
+const { t } = useI18n();
+</script>
+
+<template>
+  <div class="mt-10">
+    <ion-label class="text-xs font-medium text-text-300">
+      交易
+    </ion-label>
+    <div class="grid grid-cols-4 mt-5">
+      <div class="col-span-1 flex-col-center gap-2" @click="$router.push('/trade-settings/bank-management')">
+        <ion-icon :icon="cardOutline" />
+        <div class="text-xs">
+          银行卡管理
+        </div>
+      </div>
+    </div>
+  </div>
+</template>
+
+<style lang='css' scoped>
+ion-icon {
+  font-size: 1.5rem;
+  color: var(--ion-color-primary);
+}
+</style>

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

@@ -16,7 +16,7 @@ function handleWithdraw() {
 
 <template>
   <div class="mt-5 shadow-md rounded-lg overflow-hidden">
-    <div class="grid grid-cols-2 gap-5 p-5 bg-(--ion-card-background)">
+    <div class="grid grid-cols-1 gap-5 p-5 bg-(--ion-card-background)">
       <div v-for="item in state.balances" :key="item.assetCode" class="flex flex-col gap-1">
         <div class="uppercase text-xs text-text-400 font-medium tracking-[0.4px]">
           {{ item.assetCode }}

src/views/user/index.vue

@@ -4,6 +4,7 @@ import AssetBalance from "./components/asset-balance.vue";
 import IssuingAsset from "./components/issuing-asset.vue";
 import MyRevenue from "./components/my-revenue.vue";
 import PurchaseAsset from "./components/purchase-asset.vue";
+import TradeSettings from "./components/trade-settings.vue";
 import UserInfo from "./components/user-info.vue";
 import WalletCard from "./components/wallet-card.vue";
 </script>
@@ -29,8 +30,9 @@ import WalletCard from "./components/wallet-card.vue";
       <UserInfo />
       <WalletCard />
       <IssuingAsset />
-      <PurchaseAsset />
+      <!-- <PurchaseAsset /> -->
       <MyRevenue />
+      <TradeSettings />
     </IonContent>
   </IonPage>
 </template>