From 488cc598d8b5a563f2973782410ab1a4d33d4a80 Mon Sep 17 00:00:00 2001
From: Seven <qiqiwatermelon@gmail.com>
Date: Wed, 14 Jan 2026 23:32:20 +0700
Subject: [PATCH] =?UTF-8?q?feat:=20=E6=B7=BB=E5=8A=A0=E8=B4=A7=E5=B8=81?=
 =?UTF-8?q?=E9=80=89=E6=8B=A9=E6=A8=A1=E6=80=81=E6=A1=86=EF=BC=8C=E4=BC=98?=
 =?UTF-8?q?=E5=8C=96=E7=94=A8=E6=88=B7=E4=BD=93=E9=AA=8C?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/deposit/fiat.vue | 48 ++++++++++++++++++++++++--------------
 1 file changed, 31 insertions(+), 17 deletions(-)

diff --git a/src/views/deposit/fiat.vue b/src/views/deposit/fiat.vue
index 7ed95c4..f73892d 100644
--- a/src/views/deposit/fiat.vue
+++ b/src/views/deposit/fiat.vue
@@ -1,8 +1,11 @@
 <script lang='ts' setup>
 import type { DepositFiatBody } from "@/api/types";
-import { loadingController, toastController } from "@ionic/vue";
+import { loadingController, modalController, toastController } from "@ionic/vue";
+import { chevronForwardOutline } from "ionicons/icons";
 import { client, safeClient } from "@/api";
 import { AssetCodeEnum, PaymentChannelEnum } from "@/api/enum";
+import { getCryptoIcon } from "@/config/crypto";
+import SelectCurrency from "../withdraw/components/select-currency.vue";
 
 const { t } = useI18n();
 
@@ -30,6 +33,20 @@ function validate(value: string) {
 
   return isNumber;
 }
+async function openSelectCurrency() {
+  const modal = await modalController.create({
+    component: SelectCurrency,
+    componentProps: {
+      onSelect: (code: string) => {
+        form.value.assetCode = code;
+      },
+    },
+    breakpoints: [0, 0.8],
+    initialBreakpoint: 0.8,
+    handle: true,
+  });
+  await modal.present();
+}
 
 async function onSubmit() {
   const loading = await loadingController.create({
@@ -70,22 +87,19 @@ async function onSubmit() {
           disabled
         />
 
-        <ion-radio-group v-model="form.assetCode">
-          <ion-label class="text-sm">
-            {{ t("recharge.fiat.chooseCurrency") }}
-          </ion-label>
-          <ion-item v-for="item in AssetCodeEnum" :key="item">
-            <ion-radio :value="item" justify="space-between">
-              {{ item }}
-            </ion-radio>
-          </ion-item>
-        </ion-radio-group>
-
-        <!-- <ion-select v-model="form.assetCode" label="Select Currency" placeholder="Select One" label-placement="floating">
-          <ion-select-option v-for="item in AssetCodeEnum" :key="item" :value="item">
-            {{ item }}
-          </ion-select-option>
-        </ion-select> -->
+        <ion-label class="block text-sm font-medium">
+          {{ t("recharge.fiat.chooseCurrency") }}
+        </ion-label>
+        <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(form.assetCode)" class="w-8 h-8" />
+            <span class="text-base font-medium">{{ form.assetCode }}</span>
+          </div>
+          <ion-icon :icon="chevronForwardOutline" class="text-text-400" />
+        </div>
 
         <ui-input-label
           ref="inputInstance"