From 7fc6bfe900790ec7c92bce85d5b20a95fbc06e65 Mon Sep 17 00:00:00 2001
From: 李凌 <344137771@qq.com>
Date: Wed, 15 Oct 2025 10:29:30 +0800
Subject: [PATCH] 其他人改的版本
---
src/views/cryptos/Recharge/rechargeList.vue | 61 ++++++++++++++++--------------
1 files changed, 33 insertions(+), 28 deletions(-)
diff --git a/src/views/cryptos/Recharge/rechargeList.vue b/src/views/cryptos/Recharge/rechargeList.vue
index 863009f..58b1e39 100644
--- a/src/views/cryptos/Recharge/rechargeList.vue
+++ b/src/views/cryptos/Recharge/rechargeList.vue
@@ -3,34 +3,39 @@
<div class="recharge box-border">
<assets-head :title="$t('充值通道')" v-if="!isForeign" :back-func="backFunc">
<img src="../../../assets/image/assets-center/exchange.png" alt="exchange-img" class="w-44 h-38"
- @click="goRouter('/cryptos/assetsCenter/rechargeWithdrawRecord')" />
+ @click="goRouter('/cryptos/assetsCenter/rechargeWithdrawRecord')"/>
</assets-head>
- <assets-head v-else :title="$t('充值通道')" >
+ <assets-head v-else :title="$t('充值通道')">
<img src="../../../assets/image/assets-center/exchange.png" alt="exchange-img" class="w-44 h-38"
- @click="goRouter('/cryptos/assetsCenter/rechargeWithdrawRecord')" />
+ @click="goRouter('/cryptos/assetsCenter/rechargeWithdrawRecord')"/>
</assets-head>
<div class="pl-36 pr-36">
<div class="recharge-title font-35 textColor">{{ $t('请选择充值币种') }}</div>
- <div class="recharge-list flex justify-between">
- <div class="item-view flex flex-col items-center justify-center text-center w-189 h-220 box-border"
- @click="selectSymbol('usdt')">
- <img src="../../../assets/image/symbol/usdt.png" class="w-92 h-92" />
- <div class="text-grey font-26 mt-32">{{ $t('USDT充值') }}</div>
+ <div class="recharge-list flexY justify-between">
+ <div class="item-view flex-centerY"
+ @click="selectSymbol('usdt')">
+ <img src="../../../assets/image/symbol/usdt.png" class="w-65"/>
+ <div class="text-black font-26 ml-10">{{ $t('USDT充值') }}<div class="text-gray">USDT</div></div>
</div>
- <div class="item-view flex flex-col items-center justify-center text-center w-189 h-220 box-border"
- @click="selectSymbol('usdc')">
- <img src="../../../assets/image/symbol/usdc.png" class="w-92 h-92" />
- <div class="text-grey font-26 mt-32">USDC{{ $t('recharge') }}</div>
- </div>
- <div class="item-view flex flex-col items-center justify-center text-center w-189 h-220 box-border"
- @click="selectSymbol('btc')">
- <img src="../../../assets/image/symbol/btc.png" class="w-92 h-92" />
- <div class="text-grey font-26 mt-32">{{ $t('BTC充值') }}</div>
+ <div class="item-view flex-centerY"
+ @click="selectSymbol('usdc')">
+ <img src="../../../assets/image/symbol/usdc.png" class="w-65"/>
+ <div class="text-black font-26 ml-10">USDC{{ $t('recharge') }}<div class="text-gray">USDC</div></div>
</div>
- <div class="item-view flex flex-col items-center justify-center text-center w-189 h-220 box-border"
- @click="selectSymbol('eth')">
- <img src="../../../assets/image/symbol/eth.png" class="w-92 h-92" />
- <div class="text-grey font-26 mt-32">{{ $t('ETH充值') }}</div>
+ <div class="item-view flex-centerY"
+ @click="selectSymbol('btc')">
+ <img src="../../../assets/image/symbol/btc.png" class="w-65"/>
+ <div class="text-black font-26 ml-10">{{ $t('BTC充值') }}<div class="text-gray">BTC</div></div>
+ </div>
+ <div class="item-view flex-centerY"
+ @click="selectSymbol('eth')">
+ <img src="../../../assets/image/symbol/eth.png" class="w-65"/>
+ <div class="text-black font-26 ml-10">
+ <div>
+ {{ $t('ETH充值') }}
+ </div>
+ <div class="text-gray">ETH</div>
+ </div>
</div>
</div>
</div>
@@ -52,7 +57,8 @@
<script>
import assetsHead from "@/components/Transform/assets-head/index.vue";
-import { Icon } from 'vant';
+import {Icon} from 'vant';
+
export default {
name: 'rechageList',
components: {
@@ -133,6 +139,10 @@
<style lang="scss" scoped>
@import "@/assets/init.scss";
+.item-view{
+ margin: 20px 0;
+}
+
#cryptos {
.recharge {
width: 100%;
@@ -140,13 +150,8 @@
}
.recharge-title {
- margin: 86px 0 104px 0;
+ margin: 86px 0 54px 0;
}
- .recharge-list>div {
- border: 2px solid $bg_dark;
- border-radius: 15px;
- box-sizing: border-box;
- }
}
</style>
--
Gitblit v1.9.3