From 25cf78276bde789384929046d0949cbdaa7522a8 Mon Sep 17 00:00:00 2001
From: Seven <qiqiwatermelon@gmail.com>
Date: Tue, 13 Jan 2026 19:11:02 +0700
Subject: [PATCH] =?UTF-8?q?feat:=20=E6=9B=B4=E6=96=B0=E8=BD=AC=E8=B4=A6?=
 =?UTF-8?q?=E5=92=8C=E6=8F=90=E7=8E=B0=E7=BB=84=E4=BB=B6=E7=9A=84=E6=A0=B7?=
 =?UTF-8?q?=E5=BC=8F=EF=BC=8C=E7=BB=9F=E4=B8=80=E8=83=8C=E6=99=AF=E8=89=B2?=
 =?UTF-8?q?=E4=B8=BA=E6=B7=A1=E8=89=B2=EF=BC=8C=E4=BC=98=E5=8C=96=E7=94=A8?=
 =?UTF-8?q?=E6=88=B7=E7=95=8C=E9=9D=A2?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/wallet/transfer.vue |  6 ++---
 src/views/withdraw/index.vue  | 44 +++++++++++++++++++++++------------
 2 files changed, 32 insertions(+), 18 deletions(-)

diff --git a/src/views/wallet/transfer.vue b/src/views/wallet/transfer.vue
index b204908..caaefb4 100644
--- a/src/views/wallet/transfer.vue
+++ b/src/views/wallet/transfer.vue
@@ -171,7 +171,7 @@ function getAccountTypeName(type: AccountType) {
                   选择币种
                 </ion-label>
                 <div
-                  class="flex items-center justify-between bg-text-900 rounded-2xl p-4 cursor-pointer"
+                  class="flex items-center justify-between bg-faint rounded-2xl p-4 cursor-pointer"
                   @click="openSelectCurrency"
                 >
                   <div class="flex items-center gap-3">
@@ -189,7 +189,7 @@ 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-900 rounded-2xl p-3">
+                <div class="flex flex-col bg-faint 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>
@@ -211,7 +211,7 @@ function getAccountTypeName(type: AccountType) {
 
             <Field name="toAccount">
               <template #default="{ value }">
-                <div class="flex flex-col bg-text-900 rounded-2xl p-3">
+                <div class="flex flex-col bg-faint 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>
diff --git a/src/views/withdraw/index.vue b/src/views/withdraw/index.vue
index 36f5a31..03d8ba4 100644
--- a/src/views/withdraw/index.vue
+++ b/src/views/withdraw/index.vue
@@ -6,6 +6,7 @@ import { loadingController, modalController, toastController } from "@ionic/vue"
 import { ErrorMessage, Field, Form } from "vee-validate";
 import { client, safeClient } from "@/api";
 import { AssetCodeEnum, ChainEnum, WithdrawMethodEnum } from "@/api/enum";
+import { getCryptoIcon } from "@/config/crypto";
 import SelectBankAccount from "./components/select-bank-account.vue";
 import SelectCurrency from "./components/select-currency.vue";
 import { createWithdrawSchema } from "./rules";
@@ -106,12 +107,19 @@ async function onSubmit(values: GenericObject) {
           <div>
             <Field name="assetCode">
               <template #default="{ value }">
-                <ion-label class="text-sm">
-                  {{ t("withdraw.chooseCurrency") }}
+                <ion-label class="block text-sm font-medium mb-2">
+                  选择币种
                 </ion-label>
-                <ion-item button class="ion-no-border" @click="openSelectCurrency">
-                  <ion-label>{{ value }}</ion-label>
-                </ion-item>
+                <div
+                  class="flex items-center justify-between bg-faint rounded-2xl p-4 cursor-pointer"
+                  @click="openSelectCurrency"
+                >
+                  <div class="flex items-center gap-3">
+                    <component :is="getCryptoIcon(value)" class="w-8 h-8" />
+                    <span class="text-base font-medium">{{ value }}</span>
+                  </div>
+                  <ion-icon name="chevron-forward-outline" class="text-text-400" />
+                </div>
               </template>
             </Field>
             <ErrorMessage name="assetCode" class="text-red-500 text-xs mt-1" />
@@ -139,17 +147,23 @@ async function onSubmit(values: GenericObject) {
             <template #default="{ value: withdrawMethod }">
               <div v-if="withdrawMethod === WithdrawMethodEnum.BANK">
                 <Field name="bankAccountId">
-                  <ion-label class="text-sm">
-                    {{ t('withdraw.bankAccountId') }}
-                  </ion-label>
-                  <ion-item button class="ion-no-border" @click="openSelectBankAccount">
-                    <template v-if="currentBankAccount">
-                      <div class="w-8 h-8 rounded-md mr-2 flex items-center justify-center text-white font-bold text-xs shadow-sm bg-[#0F5AA6]">
-                        <span class="text-white">{{ currentBankAccount?.bankCode }}</span>
+                  <template #default>
+                    <ion-label class="block text-sm font-medium mb-2">
+                      {{ t('withdraw.bankAccountId') }}
+                    </ion-label>
+                    <div
+                      class="flex items-center justify-between bg-faint rounded-2xl p-4 cursor-pointer"
+                      @click="openSelectBankAccount"
+                    >
+                      <div class="flex items-center gap-3">
+                        <div class="w-8 h-8 rounded-md mr-2 flex items-center justify-center text-white font-bold text-xs shadow-sm bg-[#0F5AA6]">
+                          <span class="text-white">{{ currentBankAccount?.bankCode }}</span>
+                        </div>
+                        <span class="text-base font-medium">{{ currentBankAccount?.bankName }}</span>
                       </div>
-                      <ion-label>{{ currentBankAccount?.bankName }}</ion-label>
-                    </template>
-                  </ion-item>
+                      <ion-icon name="chevron-forward-outline" class="text-text-400" />
+                    </div>
+                  </template>
                 </Field>
                 <ErrorMessage name="bankAccountId" class="text-red-500 text-xs mt-1" />
               </div>