From d3c82160e26150c5d944aeebfa53aee7147d70cb Mon Sep 17 00:00:00 2001
From: Seven <qiqiwatermelon@gmail.com>
Date: Wed, 24 Dec 2025 18:45:11 +0700
Subject: [PATCH] =?UTF-8?q?feat:=20=E4=BC=98=E5=8C=96=E5=88=92=E8=BD=AC?=
 =?UTF-8?q?=E8=B4=A6=E6=88=B7=E9=80=89=E6=8B=A9=E7=95=8C=E9=9D=A2=EF=BC=8C?=
 =?UTF-8?q?=E5=A2=9E=E5=8A=A0=E9=97=B4=E8=B7=9D=E5=92=8C=E6=A0=B7=E5=BC=8F?=
 =?UTF-8?q?=E8=B0=83=E6=95=B4?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/wallet/transfer.vue | 53 ++++++++++++-----------------------
 1 file changed, 18 insertions(+), 35 deletions(-)

diff --git a/src/views/wallet/transfer.vue b/src/views/wallet/transfer.vue
index 9b8f563..66c8f32 100644
--- a/src/views/wallet/transfer.vue
+++ b/src/views/wallet/transfer.vue
@@ -162,53 +162,36 @@ function getAccountTypeName(type: AccountType) {
           </div>
 
           <!-- 划转账户 -->
-          <div class="relative flex flex-col">
+          <div class="relative flex flex-col gap-3">
             <Field name="fromAccount">
-              <template #default="{ field, value }">
-                <ion-select
-                  v-bind="field"
-                  :model-value="value"
-                  class="ui-select"
-                  interface="action-sheet"
-                  toggle-icon=""
-                  :label="t('transfer.from')"
-                >
-                  <ion-select-option value="funding">
-                    {{ getAccountTypeName("funding") }}
-                  </ion-select-option>
-                  <ion-select-option value="trading">
-                    {{ getAccountTypeName("trading") }}
-                  </ion-select-option>
-                </ion-select>
+              <template #default="{ value }">
+                <div class="flex flex-col">
+                  <span class="text-sm text-text-500">{{ t('transfer.from') }}</span>
+                  <div class="px-4 py-3 rounded-lg">
+                    <span class="text-base font-medium">{{ getAccountTypeName(value) }}</span>
+                  </div>
+                </div>
               </template>
             </Field>
 
-            <div class="absolute left-7.5 top-1/2 -translate-y-1/2 z-10">
+            <div class="absolute left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2 z-10">
               <ion-button
+                fill="solid"
                 color="primary"
                 @click="swapAccounts"
               >
-                <ion-icon slot="icon-only" :icon="swapVerticalOutline" />
+                <ion-icon slot="icon-only" :icon="swapVerticalOutline" class="text-xl" />
               </ion-button>
             </div>
 
             <Field name="toAccount">
-              <template #default="{ field, value }">
-                <ion-select
-                  v-bind="field"
-                  :model-value="value"
-                  class="ui-select"
-                  interface="action-sheet"
-                  toggle-icon=""
-                  :label="t('transfer.to')"
-                >
-                  <ion-select-option value="funding">
-                    {{ getAccountTypeName("funding") }}
-                  </ion-select-option>
-                  <ion-select-option value="trading">
-                    {{ getAccountTypeName("trading") }}
-                  </ion-select-option>
-                </ion-select>
+              <template #default="{ value }">
+                <div class="flex flex-col">
+                  <span class="text-sm text-text-500">{{ t('transfer.to') }}</span>
+                  <div class="px-4 py-3 rounded-lg">
+                    <span class="text-base font-medium">{{ getAccountTypeName(value) }}</span>
+                  </div>
+                </div>
               </template>
             </Field>
           </div>