From d5461636a6b75c2effd3154b07e481c09e9062f9 Mon Sep 17 00:00:00 2001
From: zzzz <690498789@qq.com>
Date: Tue, 09 Apr 2024 10:52:05 +0800
Subject: [PATCH] first commit
---
src/components/assetsCenter/assets.vue | 189 +++++++++++++++++++++++++++++-----------------
1 files changed, 118 insertions(+), 71 deletions(-)
diff --git a/src/components/assetsCenter/assets.vue b/src/components/assetsCenter/assets.vue
index ce0eefa..72511d7 100644
--- a/src/components/assetsCenter/assets.vue
+++ b/src/components/assetsCenter/assets.vue
@@ -3,79 +3,118 @@
<div class="pl-33 pr-33 total_wrap">
<div class="flex justify-between text-grey relative">
<div class="flex">
- <span class="text-grey font-30">{{ $t('总资产') }}（USDT）</span>
+ <span class="text-grey font-30">{{ $t("总资产") }}（USDT）</span>
<div @click.stop="changeEyes">
- <img :src="require('../../assets/image/assets-center/eye-open.png')" class="w-32 h-18" v-show="!eyetel" />
- <img :src="require('../../assets/image/assets-center/eye-close.png')" class="w-32 h-18" v-show="eyetel" />
+ <img
+ :src="require('../../assets/image/assets-center/eye-open.png')"
+ class="w-32 h-18"
+ v-show="!eyetel"
+ />
+ <img
+ :src="require('../../assets/image/assets-center/eye-close.png')"
+ class="w-32 h-18"
+ v-show="eyetel"
+ />
</div>
</div>
<div class="right-clock" @click="goRouter('/exchange/exchangeHistory')">
- <img :src="require('../../assets/image/assets-center/Subtract.png')" class="w-44 h-38" />
+ <img
+ :src="require('../../assets/image/assets-center/Subtract.png')"
+ class="w-44 h-38"
+ />
</div>
</div>
<div class="font-700 font-66 mt-18 textColor" v-if="!eyetel">
- {{ funds.money_all_coin || '--' }}
- <span class="font-40 text-grey">≈{{ currency.currency_symbol
- }}{{
- funds.money_all_coin
- ? (funds.money_all_coin * currency.rate).toFixed(2)
- : ' --'
-}}</span>
+ {{ funds.money_all_coin || "--" }}
+ <span class="font-40 text-grey"
+ >≈{{ currency.currency_symbol
+ }}{{
+ funds.money_all_coin
+ ? (funds.money_all_coin * currency.rate).toFixed(2)
+ : " --"
+ }}</span
+ >
</div>
<div class="font-70 font-66 mt-18 textColor" v-else>********</div>
</div>
<div class="pl-33 pr-33 btn-box flex justify-between">
- <div class="text-white font-25 textColor tabBackground" @click="goRouter('/recharge/rechargeList')">
+ <div
+ class="text-white font-25 textColor tabBackground"
+ @click="goRouter('/recharge/rechargePage?symbol=usdt')"
+ >
<div class="word-wrap">
- <img :src="require(`@/assets/theme/${theme}/image/assets/up.png`)" alt="" />
- <span> {{ $t('充币') }}</span>
+ <img
+ :src="require(`@/assets/theme/${theme}/image/assets/up.png`)"
+ alt=""
+ />
+ <span> {{ $t("充币") }}</span>
</div>
</div>
- <div class="text-white font-25 textColor tabBackground" @click="withdrawBtn">
+ <div
+ class="text-white font-25 textColor tabBackground"
+ @click="withdrawBtn"
+ >
<div class="word-wrap">
- <img :src="require(`@/assets/theme/${theme}/image/assets/down.png`)" alt="" />
- <span>{{ $t('提币') }}</span>
+ <img
+ :src="require(`@/assets/theme/${theme}/image/assets/down.png`)"
+ alt=""
+ />
+ <span>{{ $t("提币") }}</span>
</div>
</div>
- <div class="text-white font-25 textColor tabBackground" @click="goRouter('/exchange/exchangePage')">
+ <div
+ class="text-white font-25 textColor tabBackground"
+ @click="goRouter('/exchange/exchangePage')"
+ >
<div class="word-wrap">
- <img :src="require(`@/assets/theme/${theme}/image/assets/l_r.png`)" alt="" />
- <span>{{ $t('闪兑') }}</span>
+ <img
+ :src="require(`@/assets/theme/${theme}/image/assets/l_r.png`)"
+ alt=""
+ />
+ <span>{{ $t("闪兑") }}</span>
</div>
</div>
</div>
<!-- <div class="divider-line"></div>-->
<div class="pl-30 pr-30">
<div class="assets-content-title font-35 titleColor">
- {{ $t('投资组合') }}
+ {{ $t("投资组合") }}
</div>
- <div class="assets-list font-30" v-for="(item, index) in list" :key="index">
+ <div
+ class="assets-list font-30"
+ v-for="(item, index) in list"
+ :key="index"
+ >
<div class="flex justify-between">
<div class="flex items-center">
- <img :src="item.symbol
- ? `${HOST_URL}/symbol/${item.symbol}.png`
- : require('@/assets/loading-default.png')
- " class="w-72 h-72 rounded-full" />
+ <img
+ :src="
+ item.symbol
+ ? `${HOST_URL}/symbol/${item.symbol}.png`
+ : require('@/assets/loading-default.png')
+ "
+ class="w-72 h-72 rounded-full"
+ />
<div class="text-grey symbol-name font-30 textColor2">
{{ item.symbol.toUpperCase() }}/USDT
</div>
</div>
<div class="flex-col font-30 text-right" v-if="!eyetel">
<div class="textColor" v-if="item.symbol == 'btc'">
- {{ item.volume.toFixed(8) || '0.0' }}
+ {{ item.volume.toFixed(8) || "0.0" }}
</div>
<div class="textColor" v-else-if="item.symbol == 'eth'">
- {{ item.volume.toFixed(8) || '0.0' }}
+ {{ item.volume.toFixed(8) || "0.0" }}
</div>
<div class="textColor" v-else-if="item.symbol == 'usdt'">
- {{ item.volume.toFixed(2) || '0.0' }}
+ {{ item.volume.toFixed(2) || "0.0" }}
</div>
<div class="textColor" v-else>
- {{ item.volume.toFixed(8) || '0.0' }}
+ {{ item.volume.toFixed(8) || "0.0" }}
</div>
<div class="text-grey font-30 font-400 mb-0">
≈{{ currency.currency_symbol }}
- {{ item.usdt ? item.usdt.toFixed(2) : '0.0' }}
+ {{ item.usdt ? item.usdt.toFixed(2) : "0.0" }}
</div>
</div>
<div class="flex-col font-30 text-right" v-else>
@@ -88,22 +127,22 @@
<div class="flex justify-between mt-40 pl-94">
<template>
<div class="flex-col font-30" v-if="!eyetel">
- <div class="text-grey">{{ $t('可用') }}</div>
+ <div class="text-grey">{{ $t("可用") }}</div>
<div class="textColor" v-if="item.symbol == 'btc'">
- {{ item.usable.toFixed(8) || '0.0' }}
+ {{ item.usable.toFixed(8) || "0.0" }}
</div>
<div class="textColor" v-else-if="item.symbol == 'eth'">
- {{ item.usable.toFixed(8) || '0.0' }}
+ {{ item.usable.toFixed(8) || "0.0" }}
</div>
<div class="textColor" v-else-if="item.symbol == 'usdt'">
- {{ item.usable.toFixed(2) || '0.0' }}
+ {{ item.usable.toFixed(2) || "0.0" }}
</div>
<div class="textColor" v-else>
- {{ item.usable.toFixed(8) || '0.0' }}
+ {{ item.usable.toFixed(8) || "0.0" }}
</div>
</div>
<div class="flex-col font-30" v-else>
- <div class="text-grey">{{ $t('可用') }}</div>
+ <div class="text-grey">{{ $t("可用") }}</div>
<div class="textColor">
{{ currency.currency_symbol }} ********
</div>
@@ -111,22 +150,22 @@
</template>
<template>
<div class="flex-col font-30" v-if="!eyetel">
- <div class="text-grey">{{ $t('锁仓') }}</div>
+ <div class="text-grey">{{ $t("锁仓") }}</div>
<div class="textColor" v-if="item.symbol === 'btc'">
- {{ item.lock_amount.toFixed(8) || '0.0' }}
+ {{ item.lock_amount.toFixed(8) || "0.0" }}
</div>
<div class="textColor" v-else-if="item.symbol === 'eth'">
- {{ item.lock_amount.toFixed(8) || '0.0' }}
+ {{ item.lock_amount.toFixed(8) || "0.0" }}
</div>
<div class="textColor" v-else-if="item.symbol == 'usdt'">
- {{ item.lock_amount.toFixed(2) || '0.0' }}
+ {{ item.lock_amount.toFixed(2) || "0.0" }}
</div>
<div class="textColor" v-else>
- {{ item.lock_amount.toFixed(8) || '0.0' }}
+ {{ item.lock_amount.toFixed(8) || "0.0" }}
</div>
</div>
<div class="flex-col font-30" v-else>
- <div class="text-grey">{{ $t('锁仓') }}</div>
+ <div class="text-grey">{{ $t("锁仓") }}</div>
<div class="textColor">
{{ currency.currency_symbol }} ********
</div>
@@ -134,22 +173,30 @@
</template>
<template>
<div class="flex-col font-30 text-right" v-if="!eyetel">
- <div class="text-grey">{{ $t('冻结') }}</div>
+ <div class="text-grey">{{ $t("冻结") }}</div>
<div class="textColor" v-if="item.symbol == 'btc'">
- {{ (item.frozenAmount + item.freeze_amount).toFixed(8) || '0.0' }}
+ {{
+ (item.frozenAmount + item.freeze_amount).toFixed(8) || "0.0"
+ }}
</div>
<div class="textColor" v-else-if="item.symbol == 'eth'">
- {{ (item.frozenAmount + item.freeze_amount).toFixed(8) || '0.0' }}
+ {{
+ (item.frozenAmount + item.freeze_amount).toFixed(8) || "0.0"
+ }}
</div>
<div class="textColor" v-else-if="item.symbol == 'usdt'">
- {{ (item.frozenAmount + item.freeze_amount).toFixed(2) || '0.0' }}
+ {{
+ (item.frozenAmount + item.freeze_amount).toFixed(2) || "0.0"
+ }}
</div>
<div class="textColor" v-else>
- {{ (item.frozenAmount + item.freeze_amount).toFixed(8) || '0.0' }}
+ {{
+ (item.frozenAmount + item.freeze_amount).toFixed(8) || "0.0"
+ }}
</div>
</div>
<div class="flex-col font-30 text-right" v-else>
- <div class="text-grey">{{ $t('冻结') }}</div>
+ <div class="text-grey">{{ $t("冻结") }}</div>
<div class="textColor">
{{ currency.currency_symbol }} ********
</div>
@@ -161,27 +208,27 @@
</div>
</template>
<script>
-import { _getAllWallet } from '@/API/fund.api';
-import { Dialog } from 'vant';
-import { mapGetters } from 'vuex';
-import { HOST_URL } from '@/config';
+import { _getAllWallet } from "@/API/fund.api";
+import { Dialog } from "vant";
+import { mapGetters } from "vuex";
+import { HOST_URL } from "@/config";
export default {
- name: 'Assets',
+ name: "Assets",
components: {
- [Dialog.name]: Dialog
+ [Dialog.name]: Dialog,
},
- props: ['funds', 'tab'],
+ props: ["funds", "tab"],
computed: {
- ...mapGetters('home', ['currency', 'theme'])
+ ...mapGetters("home", ["currency", "theme"]),
},
data() {
return {
HOST_URL,
list: [],
- total: '',
- status: '', //身份认证状态 0已申请未审核，1审核中，2审核通过，3审核未通过
+ total: "",
+ status: "", //身份认证状态 0已申请未审核，1审核中，2审核通过，3审核未通过
eyetel: false,
- active: 0
+ active: 0,
};
},
mounted() {
@@ -192,7 +239,7 @@
this.$router.go(-1);
},
goRouter(parmas) {
- if (parmas === '/exchange/exchangeHistory') {
+ if (parmas === "/exchange/exchangeHistory") {
this.$router.push({ path: parmas, query: { type: 1 } });
} else {
this.$router.push(parmas);
@@ -207,9 +254,9 @@
if (a == b) {
return;
}
- if (type == 'up') {
+ if (type == "up") {
return b - a; //升序
- } else if (type == 'down') {
+ } else if (type == "down") {
return a - b; //降序
} else {
return a - b;
@@ -219,14 +266,14 @@
getList() {
_getAllWallet().then((res) => {
let list = res.extends;
- this.list = [...list].sort(this.compare('usdt', 'up'));
+ this.list = [...list].sort(this.compare("usdt", "up"));
});
},
changeEyes() {
this.eyetel = !this.eyetel;
},
beforeClose(action, done) {
- if (action === 'confirm') {
+ if (action === "confirm") {
setTimeout(done, 1000);
} else {
done();
@@ -258,10 +305,10 @@
// });
// }
this.$router.push({
- path: '/withdraw/withdrawPage'
+ path: "/withdraw/withdrawPage",
});
- }
- }
+ },
+ },
};
</script>
@@ -284,7 +331,7 @@
margin-top: 44px;
}
-.btn-box>div {
+.btn-box > div {
width: 234px;
padding: 20px 15px;
box-sizing: border-box;
@@ -330,11 +377,11 @@
margin-bottom: 70px;
}
-.assets-list>div {
+.assets-list > div {
display: flex;
}
-.assets-list>div:nth-child(2) div:nth-child(1) {
+.assets-list > div:nth-child(2) div:nth-child(1) {
margin-bottom: 16px;
font-size: 30px;
font-weight: 700;
--
Gitblit v1.9.3