From 2eef7e881d02d05bd0e1237a8456466f0c9afbce Mon Sep 17 00:00:00 2001
From: lxf <1371462558@qq.com>
Date: Tue, 08 Jul 2025 19:07:15 +0800
Subject: [PATCH] style

---
 src/views/optional/index.vue |   17 +++++++++++------
 1 files changed, 11 insertions(+), 6 deletions(-)

diff --git a/src/views/optional/index.vue b/src/views/optional/index.vue
index 714a89d..1773b22 100644
--- a/src/views/optional/index.vue
+++ b/src/views/optional/index.vue
@@ -4,17 +4,17 @@
     <div class="text-17 font-medium block">{{ t('总额') }}</div>
     <div class="text-34 font-medium block">{{symbol}}</div>
     <div class="flex items-center mt-20">
-      <div class="flex items-center rounded-14 bg-#3640f0 px-10">
+      <div class="flex items-center rounded-14 bg-#3640f0 px-10" @click="goTo('/cryptos/recharge/rechargeList')">
         <div class="text-13 font-bold">{{ t('充值') }}</div>
       </div>
-      <div class="flex items-center rounded-14 bg-#3640f0 px-10 ml-10">
+      <div class="flex items-center rounded-14 bg-#3640f0 px-10 ml-10" @click="goTo('/cryptos/withdraw/withdrawPage')">
         <div class="text-13 font-bold">{{ t('提现') }}</div>
       </div>
-      <div class="flex items-center rounded-14 bg-#3640f0 px-10 ml-10">
+      <div class="flex items-center rounded-14 bg-#3640f0 px-10 ml-10" @click="goTo('/cryptos/exchangePage')">
         <div class="text-13 font-bold">{{ t('兑换') }}</div>
       </div>
       <div class="flex flex-1 justify-end">
-        <img src="@/assets/imgs/icon-order.png" class="w-14 h-15" draggable="false">
+        <!-- <img src="@/assets/imgs/icon-order.png" class="w-14 h-15" draggable="false"> -->
       </div>
     </div>
   </div>
@@ -57,8 +57,9 @@
 import { ref, onMounted } from 'vue';
 import { _getContractBySymbolType, _contractOrder } from '@/service/etf.api';
 import { useI18n } from "vue-i18n";
+import {useRouter} from 'vue-router';
 const { t } = useI18n()
-
+const router = useRouter();
 
 onMounted(() => {
   getSymbol();
@@ -79,13 +80,17 @@
     symbol.value = response.money_contract || symbol.value;
 };
 
+const goTo = (url) => {
+  router.push(url);
+  
+}
 
 const getOrderList = async () => {
   const params = {
     type: 'orders',
     page_no: 1,
     page_size: 'all',
-    symbolType: 'cryptos'
+    symbolType: 'forex'
   };
   const response = await _contractOrder(params);
     console.log(response, 'response')

--
Gitblit v1.9.3