diff --git a/src/views/trade-rwa/components/about.vue b/src/views/trade-rwa/components/about.vue
index 5047b7a..beeac95 100644
--- a/src/views/trade-rwa/components/about.vue
+++ b/src/views/trade-rwa/components/about.vue
@@ -1,6 +1,5 @@
 <script lang='ts' setup>
 import type { RwaData } from "@/api/types";
-import { client, safeClient } from "@/api";
 
 const props = defineProps<{
   data: RwaData | null;
diff --git a/src/views/trade-settings/bank-management/index.vue b/src/views/trade-settings/bank-management/index.vue
index e6cb54e..423a389 100644
--- a/src/views/trade-settings/bank-management/index.vue
+++ b/src/views/trade-settings/bank-management/index.vue
@@ -140,7 +140,7 @@ onUpdated(() => {
               class="bg-gray-50 dark:bg-gray-900 rounded-xl p-4 flex items-center cursor-pointer transition-all duration-300 border-2 border-dashed border-gray-200 dark:border-gray-600"
               @click="handleAddCard"
             >
-              <div class="w-10 h-10 rounded-full bg-linear-to-r from-green-500 to-emerald-600 flex items-center justify-center mr-3">
+              <div class="w-10 h-10 rounded-full bg-primary flex items-center justify-center mr-3">
                 <ion-icon :icon="addOutline" class="text-white text-xl" />
               </div>
               <span class="font-semibold text-#151515 dark:text-white">{{ t('bankCard.list.addCard') }}</span>
diff --git a/src/views/trade-tokenized/components/about.vue b/src/views/trade-tokenized/components/about.vue
index 70ffe87..8562314 100644
--- a/src/views/trade-tokenized/components/about.vue
+++ b/src/views/trade-tokenized/components/about.vue
@@ -10,12 +10,11 @@ const props = defineProps<{
   <div class="mt-2">
     <!-- document -->
     <div>
-      <div class="font-semibold">
+      <div class="font-semibold mb-4">
         相关文档
       </div>
-      <div class="text-xs mt-2">
-        {{ data?.product?.proofDocumentIds }}
-      </div>
+
+      <ui-file-preview :file-ids="props.data?.product?.proofDocumentIds || []" />
     </div>
   </div>
 </template>
diff --git a/src/views/user/components/recharge-channel.vue b/src/views/user/components/recharge-channel.vue
index 2c4a498..17e4f85 100644
--- a/src/views/user/components/recharge-channel.vue
+++ b/src/views/user/components/recharge-channel.vue
@@ -1,4 +1,6 @@
 <script lang='ts' setup>
+import { toastController } from "@ionic/vue";
+
 const emit = defineEmits<{
   (e: "close"): void;
 }>();
@@ -6,6 +8,16 @@ const emit = defineEmits<{
 const { t } = useI18n();
 const router = useRouter();
 
+async function handleCryptoRecharge() {
+  emit("close");
+  const toast = await toastController.create({
+    message: "敬请期待",
+    duration: 2000,
+    position: "top",
+    color: "primary",
+  });
+  await toast.present();
+}
 async function handleFiatRecharge() {
   emit("close");
   router.push("/deposit/fiat");
@@ -14,7 +26,7 @@ async function handleFiatRecharge() {
 
 <template>
   <div class="w-full h-50 p-5 flex justify-center flex-col gap-7.5">
-    <div class="flex items-center gap-2.5">
+    <div class="flex items-center gap-2.5" @click="handleCryptoRecharge">
       <i-ic-baseline-downloading class="text-2xl" />
       <ion-label class="flex-1">
         <h2>{{ t("recharge.channel.chainRecharge") }}</h2>