| | |
| | | <img src="../../../assets/image/assets-center/exchange.png" alt="exchange-img" class="w-44 h-38" |
| | | @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')" /> |
| | | </assets-head> |
| | |
| | | <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" /> |
| | | <img :src="`${HOST_URL}/symbol/usdt.png`" class="w-92 h-92" /> |
| | | <div class="text-grey font-26 mt-32">{{ $t('USDT充值') }}</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">{{ $t('USDC充值') }}</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="`${HOST_URL}/symbol/usdc.png`" class="w-92 h-92" /> |
| | | <div class="text-grey font-26 mt-32">{{ $t('USDC充值') }}</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" /> |
| | | <img :src="`${HOST_URL}/symbol/btc.png`" class="w-92 h-92" /> |
| | | <div class="text-grey font-26 mt-32">{{ $t('BTC充值') }}</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" /> |
| | | <img :src="`${HOST_URL}/symbol/eth.png`" class="w-92 h-92" /> |
| | | <div class="text-grey font-26 mt-32">{{ $t('ETH充值') }}</div> |
| | | </div> |
| | | </div> |
| | |
| | | |
| | | <script> |
| | | import assetsHead from "@/components/Transform/assets-head/index.vue"; |
| | | import { HOST_URL } from '@/config' |
| | | import { Icon } from 'vant'; |
| | | export default { |
| | | name: 'rechageList', |
| | |
| | | imgPath: new URL('@/assets/image/crypto.png', import.meta.url), |
| | | } |
| | | ], |
| | | isForeign: false |
| | | isForeign: false, |
| | | HOST_URL, |
| | | } |
| | | }, |
| | | created() { |
| | |
| | | border-radius: 15px; |
| | | box-sizing: border-box; |
| | | } |
| | | .reminder{ |
| | | |
| | | .reminder { |
| | | font-size: 2rem; |
| | | padding: 2rem; |
| | | } |