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 | 33 ++++++++++++++++++++-------------
1 files changed, 20 insertions(+), 13 deletions(-)
diff --git a/src/views/optional/index.vue b/src/views/optional/index.vue
index 2b5bc5f..1773b22 100644
--- a/src/views/optional/index.vue
+++ b/src/views/optional/index.vue
@@ -1,20 +1,20 @@
<template>
<div class="status_bar">
<div class="my-20 mx-17 h-172 box-border text-white pt-40 px-20 bgimglx">
- <div class="text-17 font-medium block">帳戶總金額</div>
+ <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="text-13 font-bold">儲值</div>
+ <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="text-13 font-bold">提現</div>
+ <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="text-13 font-bold">兌換</div>
+ <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>
@@ -34,15 +34,15 @@
</div>
<div class="text-12 pt-10">
<div class="flex justify-between items-center">
- <div style="color: rgb(150, 150, 150);">可用({{ currency.name }})</div>
+ <div style="color: rgb(150, 150, 150);">{{t('可用')}}({{ currency.name }})</div>
<div class="title text-blue-600">{{ currency.mark_price }}</div>
</div>
<div class="my-16 flex justify-between items-center">
- <div style="color: rgb(150, 150, 150);">處理中({{ currency.name }})</div>
+ <div style="color: rgb(150, 150, 150);">{{ t('处理中') }}({{ currency.name }})</div>
<div>{{ 0 }}</div>
</div>
<div class="flex justify-between items-center">
- <div style="color: rgb(150, 150, 150);">轉換(USDT)</div>
+ <div style="color: rgb(150, 150, 150);">{{ t('转换') }}(USDT)</div>
<div></div>
</div>
</div>
@@ -56,7 +56,10 @@
<script setup>
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();
@@ -77,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