From 8c51de06d839339f428ca0691099fe60740765cf Mon Sep 17 00:00:00 2001
From: lxf <1371462558@qq.com>
Date: Sat, 05 Jul 2025 18:36:11 +0800
Subject: [PATCH] style

---
 src/views/optional/index.vue |   15 ++++++++++-----
 1 files changed, 10 insertions(+), 5 deletions(-)

diff --git a/src/views/optional/index.vue b/src/views/optional/index.vue
index 714a89d..bbaa8d1 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,6 +80,10 @@
     symbol.value = response.money_contract || symbol.value;
 };
 
+const goTo = (url) => {
+  router.push(url);
+  
+}
 
 const getOrderList = async () => {
   const params = {

--
Gitblit v1.9.3