From 5042f92693900e3283334990024fbdf4050f5d93 Mon Sep 17 00:00:00 2001
From: Seven <qiqiwatermelon@gmail.com>
Date: Thu, 25 Dec 2025 19:32:26 +0700
Subject: [PATCH] =?UTF-8?q?feat:=20=E6=B7=BB=E5=8A=A0=E5=8A=A0=E5=AF=86?=
 =?UTF-8?q?=E8=B4=A7=E5=B8=81=E5=9B=BE=E6=A0=87=E5=88=B0=E8=B4=A6=E6=88=B7?=
 =?UTF-8?q?=E9=80=89=E6=8B=A9=E7=95=8C=E9=9D=A2=EF=BC=8C=E5=B9=B6=E4=BC=98?=
 =?UTF-8?q?=E5=8C=96=E6=A0=B7=E5=BC=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/wallet/transfer.vue | 21 ++++++++++++++++-----
 1 file changed, 16 insertions(+), 5 deletions(-)

diff --git a/src/views/wallet/transfer.vue b/src/views/wallet/transfer.vue
index 779fb9d..de8bb1a 100644
--- a/src/views/wallet/transfer.vue
+++ b/src/views/wallet/transfer.vue
@@ -7,6 +7,7 @@ import { ErrorMessage, Field, Form } from "vee-validate";
 import * as yup from "yup";
 import { client, safeClient } from "@/api";
 import { AssetCodeEnum } from "@/api/enum";
+import { getCryptoIcon } from "@/config/crypto";
 
 const { t } = useI18n();
 const router = useRouter();
@@ -151,7 +152,10 @@ function getAccountTypeName(type: AccountType) {
                       lines="none"
                     >
                       <ion-radio :value="item">
-                        {{ item }}
+                        <div class="flex items-center gap-2">
+                          <component :is="getCryptoIcon(item)" class="w-6 h-6" />
+                          {{ item }}
+                        </div>
                       </ion-radio>
                     </ion-item>
                   </div>
@@ -165,8 +169,8 @@ function getAccountTypeName(type: AccountType) {
           <div class="relative flex flex-col gap-3">
             <Field name="fromAccount">
               <template #default="{ value }">
-                <div class="flex flex-col bg-text-850 rounded-2xl p-3">
-                  <span class="text-sm text-text-500">{{ t('transfer.from') }}</span>
+                <div class="flex flex-col bg-text-900 rounded-2xl p-3">
+                  <span class="text-xs text-text-500">{{ t('transfer.from') }}</span>
                   <div class="pt-2">
                     <span class="text-base font-medium">{{ getAccountTypeName(value) }}</span>
                   </div>
@@ -178,6 +182,7 @@ function getAccountTypeName(type: AccountType) {
               <ion-button
                 fill="solid"
                 color="primary"
+                class="swap-btn"
                 @click="swapAccounts"
               >
                 <ion-icon slot="icon-only" :icon="swapVerticalOutline" class="text-xl" />
@@ -186,8 +191,8 @@ function getAccountTypeName(type: AccountType) {
 
             <Field name="toAccount">
               <template #default="{ value }">
-                <div class="flex flex-col bg-text-850 rounded-2xl p-3">
-                  <span class="text-sm text-text-500">{{ t('transfer.to') }}</span>
+                <div class="flex flex-col bg-text-900 rounded-2xl p-3">
+                  <span class="text-xs text-text-500">{{ t('transfer.to') }}</span>
                   <div class="pt-2">
                     <span class="text-base font-medium">{{ getAccountTypeName(value) }}</span>
                   </div>
@@ -242,3 +247,9 @@ function getAccountTypeName(type: AccountType) {
     </ion-content>
   </ion-page>
 </template>
+
+<style lang="css" scoped>
+.swap-btn {
+  --border-radius: 100%;
+}
+</style>