From 66a33e936d39ec4db7fdffed5d646e044ccc43e9 Mon Sep 17 00:00:00 2001
From: lxf <1371462558@qq.com>
Date: Fri, 18 Apr 2025 10:44:39 +0800
Subject: [PATCH] feat
---
src/components/assetsCenter/overview.vue | 32 ++++++++++++++++++--------------
1 files changed, 18 insertions(+), 14 deletions(-)
diff --git a/src/components/assetsCenter/overview.vue b/src/components/assetsCenter/overview.vue
index d746ab0..adb47f4 100644
--- a/src/components/assetsCenter/overview.vue
+++ b/src/components/assetsCenter/overview.vue
@@ -1,6 +1,8 @@
<template>
<div class="box-border">
- <div class="pl-33 pr-33 total_wrap">
+ <div class="pl-33 pr-33 total_wrap" style="background-color: #F3F3F3;padding: 10px 10px;
+ margin: 10px;
+ border-top-right-radius: .5rem;border-top-left-radius: .5rem;margin-bottom: 0px;padding-bottom: 0px;">
<div class="flex justify-between text-grey relative">
<div class="flex">
<span class="text-grey font-30">{{ $t('总资产') }}（USDT）</span>
@@ -18,23 +20,25 @@
currency.rate).toFixed(2) : ' --' }}</span>
</div>
<div class="font-70 font-66 mt-18 textColor" v-else>********</div>
+ <span class="text-grey font-30 mt-10">{{ $t('盈亏') }} {{funds.Profit_loss}}（{{funds.Profit_loss_ratio}}%）</span>
</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="pl-33 pr-33 btn-box flex justify-between" style="background-color: #F3F3F3;padding: 10px;
+ margin: 10px;margin-top: 0px;padding-top: 0px;">
+ <div class="text-white font-25 textColor " style="background: #fff;" @click="goRouter('/recharge/rechargeList')">
<div class="word-wrap">
- <img :src="require(`@/assets/theme/${theme}/image/assets/up.png`)" alt="">
+ <img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACkAAAApCAYAAACoYAD2AAAAAXNSR0IArs4c6QAAAvJJREFUWEftmE9yEkEUxr/HzKTciTdAVqkQq0hyAAInsLyAJGCVOxMPoIkHUNhZgga9QDxBQi4Qs3Aiq8AJjBtNFdC0vGFGh5E/M0wPkSrecqb79a+/1/1edxMWwGgBGLGEVBWlpZJLJacpsPr0JqH1jIyIaWeNt9Sa1j7s/5nW5NqTdpoknQKIA7hAjErmO/1jWJhx/WeCZGceUP5UF7q+E4WyM0My1YNC92GP5PEfBSS1hKFlVYOGgmS4VLHDYd92gxpC27io0Q9V4Q8NuV7sbEuAQd1WN6tG9r+BtNX8AiDthhJAtlE16ipAQytpQRbaJRA9GwKS1DTf60lVkAkAR3Y62bFSSkBb223nKUbsw21SALkZ1LwP4AOAuwBe9SP0mZV0L3xOzNwokP2zy53ehFOzYuQCOGMenuxju881gCR/bAJgNf+6DuCVm9o5k9el166Nrp4MsNOZ58SVLaQyyNX8TULTdZ6s14KG/HYgexDPv1XvlHwGJzrICeEGCMdmxXg0gJQEEIdwnKmBHJO8fQo1IAVk2ayu7I/opAaSHacK7SMQ5YOQOW2lpKtfQttqjS6b6iDTeRnv6F3ehRuBQCU1hdByjdrYM6g6SAazQLXOOYj85VWJ70LoWxMA2a1aSPZopR5NO/EBKmVXbl7WVqZVM/WQrkTOob83JvSSSO5/rayUfSyNaCAt0EHt5nrrPbBICRxeVo1DH4DRhNs9cGq3vYcYvXF943xYNqvGqFQTbZ6cpMh6sXPQT4IvrTbBDxfRK+nAWzkUscxPoW2OyYWT5hndmvSOmsjL+AyA81PS5wa5vTUZEnDxlRy+NwN83PdeURWI5MsFl9hz+75ln5gQ49100D8+DdLGwPiew6CRP0R5sPldifOsc7/h3yxWjiH559WIssZ35nmBcknNuBR0VOTj4CenjO3Zs/AVkzk0sqoVAKtauWsth/3FiPo7B6ahIRiQnxEZ0HpP8h4I+Knk9dAD1HwReYnVOMTuYX8Dn/UWie4ZsG0AAAAASUVORK5CYII=" alt="">
<span> {{ $t('充币') }}</span>
</div>
</div>
- <div class="text-white font-25 textColor tabBackground" @click="withdrawBtn">
+ <div class="text-white font-25 textColor " style="background: #fff;" @click="withdrawBtn">
<div class="word-wrap">
- <img :src="require(`@/assets/theme/${theme}/image/assets/down.png`)" alt="">
+ <img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAlCAYAAAAEGWqvAAAAAXNSR0IArs4c6QAAAjlJREFUWEftV0FO21AQfYNj1CU3AHYVoVI4QeEG9ARNlSCxg5wg4QSEXReuMCconACOwCaQHbkB2dFinN+8qLHAcRqP+zEOykjexJOZefPe/zMWzLnJnNePBYC3ZnDBQBEZWANwCmA75+KuAXwB0NPkTZJQG8CBJohF3xMAh5p4SQB8AF81QSz6Mvc3TbwFAE23UvhaYaD69xCnyGfdhbnPNFGnzQEG+qwJZMH3Sls8c76bQbYCgE8eprrnZxVEBppDp9YsRwvvzwE0tINqVl4CMLOcLLznlN0ZDqm+hVgvQuQBgJJh8Zmk86n2tBtKWBmUlv3ud5mIkQeALQBkQG2b9aA5lMdY3lcdz2UjcmXgKOv52th7rIoRLpWRDRA2br0P3NUiIwN3ALiB2jb1VB0X8HH/Yc0JnEuIxOvqu0+l9WtforNEAHQiTasWETBB5hunXHv0ITJtoWx3PJexR1a4QZYknXhjQ2Cn67mc3MUC8A/pvMRgpOeGzhalRAZIFQ+GjUmcWfescLMW/DSC3ZRSHknJ9jXKa25ErdZiV2aqv1NKtgGwexepssecyvXgUvsdbjA4sg3gvyT0HFMyINPoeMsTc8D2LkQJPR/5ZISLnMo26r9bgiUumpF1PHfi1uQP95YO8LQCM01jDYAKgGNVe3TO/ESktFSmAaAKnJfz3AMo138dAk6kDGOkd/OjtB5vYOFWiXGBlapZCZygDZFVI+gPglKj6yd/D+SlilfJU1gG0qKdewB/AEjFnPQZhyc9AAAAAElFTkSuQmCC" 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 " style="background: #fff;" @click="goRouter('/exchange/exchangePage')">
<div class="word-wrap">
- <img :src="require(`@/assets/theme/${theme}/image/assets/l_r.png`)" alt="">
+ <img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADoAAAAlCAYAAAATO/pmAAAAAXNSR0IArs4c6QAAAgJJREFUaEPtmL9PwlAQx+8KxD9AJxIT46CmMBgTFv4AnVTi4ooIC4MuGjUxAXcXFwepIcQ/AP8BVxcHFmrihAtMMpFgpIEzpeFHtC1teUCB9zbSd+/uc9+713IIc7JwTjiBg86a0gMVFeNKComigLgyJvgCCHgnP3hzLP2ZggYTSp4IIiwdWj0LAfJFyXdgdf+gfYagYqIRRcLsoANG+ZygdfMuLaRZ+DAEDcSVAgBssnDi+AzEkpzxrjq27zM0AyUWDvTOCK0hZM89oDqI3Tbh7cPQFcmST2ARBwcNxBWuqFEp+Rd7BVKpGudp6ks3e+aB0DpCuUqwc9k0bC0O+j817ryM9BRVFVYVVNfTSwtqdWj/nppbt9OPtW9qB68uPdDkrgDJPe0NsX3VhMoXTRdoMeNtB//8SnCd1fqRg/5RVE2Kf0kr51q9VxE6t9fke3QYRW186bgT9OLQAxvLAOUqdMt5P4wQCWs9enLf7PazRVh3gloM3s62yYNa7DE7UHp7xwB63CiNcapglJCCLPm2hs2Wam/47yUY/0kTCCkWThyeQUB4JD+yGamYjlLEhJLHWR+ldFQQY40oCng6tmkD0Sci5oqSj8kIpcMxcArosOxcZ8ZBXSfJkAFxRfsSOLLZkYlIqk8m0z87lxEHHbJtzMy5ok6Tyy8jp5lzq93cKPoLfgRFNdDsr/kAAAAASUVORK5CYII=" alt="">
<span>{{ $t('闪兑') }}</span>
</div>
</div>
@@ -44,7 +48,7 @@
<div class="assets-content-title font-35 titleColor">{{ $t('投资组合') }}</div>
<div class="assets-list font-30 flex justify-between" v-for="(item, index) in list" :key="index">
<div class="items-center">
- <img :src="require('@/assets/image/assets-center/funds/' + item.icon + '.png')" class="w-44 h-44" />
+ <img :src="item.icon" class="w-44 h-44" />
<div class="text-grey symbol-name font-30 textColor2">{{ $t(item.text) }}</div>
</div>
<div class="flex-col font-30 text-right" v-if="!eyetel">
@@ -83,11 +87,11 @@
...mapGetters('home', ['currency', 'theme']),
list() {
return [
- { id: 1, text: this.$t('现货账户'), icon: 'spot', key: 'money_all_coin' },
- { id: 2, text: this.$t('合约账户 (U本位)'), icon: 'contract_u', key: 'money_contract' },
- { id: 3, text: this.$t('交割合约账户'), icon: 'contract_d', key: 'money_futures' },
- { id: 4, text: this.$t('理财账户'), icon: 'invest', key: 'money_finance' },
- { id: 5, text: this.$t('矿机资产'), icon: 'mining', key: 'money_miner' },
+ { id: 1, text: this.$t('现货账户'), icon: 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB0AAAAeCAYAAADQBxWhAAAAAXNSR0IArs4c6QAAA2lJREFUSEvFl01u00AUx//PYxfYhROQsKGQIFXlAJRcgI89IjRGYsfHAWhzASCsEAltygUQB6ApF4BKkFI2jU9AK4GoiO15dJzYxPaMGxASs4rt8fu9/5v34RD+w6IJszwD2zPtqbn+kgQug6hMzGUm8izI7UA4b3afU+69GDoEUARuHQFXs1AFY2AFwJLRaUI/FPbyNHwWqAm4whpHDHCWCB9+7p58qp4fB/0XwNgPhkW3By/sjSJoUUj7M+SAbst+aNuLJqgWqKxUm6OhSpi/hIIkreugRuAkcf5WZeznfhZqBKo3zjeDa8SyJOecLXVthX4JIRbIoluFGZwOC09DN3RlMWsYa8vBdUnyMR0f+gTaOKrT3qwA075zNw8rYk5sHgeOlWrtlO9z6dS3cElY8oxkPg1JnrTI2+2Ow6tb1WX/CixsFghIlKb2zN89LAtfrBLoKhNKOQOs4PLp585cO2+cqdr010HROetWHlq7M7oHSataWNYE0zB0RD3bXwvVMg1T4a25/p+0trELWjBT1Q2kVibQSqAznIX5mJiGTigWt3t0EHtSbfp72SbCTHs/QnHpN7S40xz19mRpk48hWzvdE5NJFCn9CkzlA+NrGNqXdnvkRQYuNoNrkvi1Vgqhb0l6xsQHUnKZCI9AVNHs3XcC+6xSe849rNiw9yZ7GEweh/LGTm9uW92LoNXmqKfNNkZ78NK5Pw2YbxyWLSH6mlrkEKircrpwZ9QgpjUwDojQ/h7YbS8JfQx1/Q8AFrLeh4FdUeHI3r+wPGqQReuZ+8nMrDX8JXLAHzvOO130YqW6ybE16DpXdC8ptcK21ddGaqXP1Zx3ZiiRN+jYurODYdrwBKqGRtGqjKGur8ZV7jsnkKh/WXNyo8yQA0dMagzW7FcFRCViM4LW3J+rDEt9YGXiRV5Aov6li+Rca26gGkh+L8BhYJ/V5cDEaARUH4ARdKHBJd8O9gs8jBo8MRaM7ZHQH3ScusFGAkxKRv246PpPJJAqj2POZvoxM/HiTmdch5mVAqagkVrhvzcUfhGfGWjtdB1dAuWAKai6iEpBiM0/AKv22B50nQezKIz35ProBLwy6VCmIc9Rt7G49Uk7U6FVaITGD8YNQNwD6DIYZahhzjiAhW2S/OZ76GxMt7YppQr4tuhvyi/Z7Xweb+gsTwAAAABJRU5ErkJggg==', key: 'money_all_coin' },
+ { id: 2, text: this.$t('合约账户 (U本位)'), icon: 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB0AAAAdCAYAAABWk2cPAAAAAXNSR0IArs4c6QAAAphJREFUSEvllr9PE2EYx7/P+74tR1tqLVAqbRHQEKloGHRxkUk3wl8gtYCJk4nBxUEkuouLcSgof4CJo5s6O7hIogxiYnQgMUEMNdyVPubtFXKWntfSI8b4Lje8z72f+36fH/cS/sIiL2Z2xhwFxA2vuEb3y5KXPaEj09YYAy8bPdQjjpk4/+9Bzw8RGID+8t2nm9I3qzoCrSuduEC4f1W6Ompj7O0z10r+QPUp9cC16pl9hrqBnfIPBZrqBJZmJVJddl0eutJkjLF0SyKTEJWCql1apa85jYZKuDn+HeeGQ0j3hKGkqFtU++zNzpg5QFx0b2qOEWOidt8IWLg08gVDKcLxZAgDmYgreB90eHr7qYCYbGbiKGHhZPwzeo+a6OnUuQyiLxnCYDqCdDIMKW2rNYzIfv7WMs1CCTuIqnUcMYqIhUvoijJ64hKp7iD6jrXjRLoDLEN48Ay4NykRDfsCtdCGTbSrIiKGWQF3RxmJuES6O4hIpAOPXsSwviEwnCEszkpE2oGzzuFQT+mOUgPvH9MnbXl2evsuQcw57RcwEcQPGKqIaBWsFYfDBl6vprFZVHvhGrxwXeLybcdEOghUn0hsoo1scIdhwggqrG1kUCrvr+DeTuDrN7uFK3+Zg0Kd4IC0sFVOoMz1W8bhUuvQChgWAAmGJ9Afpc20WTX24EoZ5flGgWRfdWItQ1cKAc8bhw1hOj1lfQRR/38KzU5tPyESOWeOSlCDHwqoDgdzrnY4rBSU0J3qnVcXe0/lfvZLKedApId+g7nyxrlELGyV1PweJJs3c0S4U026v3CmNSLOvysEXtm9XbMqcElXwBjzQflbMD1cWVTLToyrIm27UCJHEOMARh0v/dkFxgbAy0T0fFdZrbBfwtiBdhSFpfgAAAAASUVORK5CYII=', key: 'money_contract' },
+ { id: 3, text: this.$t('交割合约账户'), icon: 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAdCAYAAAC5UQwxAAAAAXNSR0IArs4c6QAAAyhJREFUSEvVlk1IVFEUx//nzYyZZCZjizJNo8zUPhZJpVCzi4gcg2qr5diHRJtqY6RRGFgQuuiDlBRcJBSYtRaKVmWCYIEahKBJhF+p+TXv3RP3jvPFjDNvRjddeDOLe9753f+555x3CFFW7mXOgq5nRbMzu0/RDPe4Fls1aGXR7Ezuc9zA5CRgZm4ZwwwQA5DuIrqMD1hXrim/t1oEAAGCgIYFaDDAsMFAIhhaONGxA+vOa3AWaZB6nr4VePJOQj0ryTIBG81hSSRjXqSsHiiVOYs9J/cGsL5doK3LA020zGPLhhG4dRtG/obNM/MKnUWE0iIN6XbC1jQP8MsAq//brQZ+jnkEHc7sh2Dg83Du6hVKD1WnNFwp0VRqFFTqIU7PHRxUwNc9OWsDvHSSUHmCYQjGoWuhGVl9eljt1Xdmrg3wTPEiSo8swNAFyhpSg5xKfNv1PzCYUfZoU3hgrsvtiFS0FkYtCD4bR/40juZOQxeM+x0ZwUACeh4TDAEUXpW3G7KY8l3usDsrHWJ/xgQKtk1ACMbLT7tCgH3PrZB9YO/F0PuVyR0zMNs+hu2pY0rFxx/+TCzMIZVIL25aIIuk4qGhDtM9GKRnBSBzIxNPyRcI2jHAH1L7+klsTvoNZsL3yZ0Q7KlLmb1VJcHdJbBGl0MRHmhYrdn9z2hIGuW5Fu8QtFpv7NZZ5pFi+6WAs+5UX0dR6m5YULibVG3KZvCg3d+F4gbKFxNoRvVOBkHnjTBgU7FItwOvaqyqCZy9F8MdRlLoVUrwOvQoAizqV3ak7gHG6HjYtIs9pJFKyMRefMD0NFKpb2aNjpvI0mgh/dpkNcNShzpebWB0zAeNT+H/D9Rh3THQjOU6XKoNrEMZy74ma+TJxVt0ZkPKhDcAeToN8wEA8vGt0qKos5fPtquX/cOW6qUVSy0gkmOgeS+mUibUiIAOBcm7sFROhBoQyUFk7cGMSRDf/dac0BDkfM3BjCkiNM7q1oah1uUrChedApfbwcxlADlBkJ/uWFW/J+BDIMjfEqPch4QLCAeRtg+MLPUEHoIxBcIQE/VqQvTqNlun90sTzvU/07KhZX5VuzoAAAAASUVORK5CYII=', key: 'money_futures' },
+ { id: 4, text: this.$t('理财账户'), icon: 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACEAAAAdCAYAAAAkXAW5AAAAAXNSR0IArs4c6QAAAlxJREFUWEftlk1u01AQx//j2FCJBYEThF2JQUpvkHCCiAuQUkdiV44AF4B2h5RADQu2qBco5QREQimRWDQ3IAvERxy/IePUJo6/ExexYDZRnufN/N7MvHlD2EyqABoAJgAG65qiNTfWABwBaC7tHwOwATwtanMdCAF4P3cov3HypCjIOhACsByBOJDWXOc0b0SKQkj+P+YwfjyvkXYOPU+lKIREQGohS6Q+WtuPOJKyn1uYjA9ICjmQohBZzkPfTcuJpG5KvPOldyV0k/42xGDYN3ZWT5IL4o7lNJm5zZp2vUgoSKkmiIKUMNTxWf9qpFZSIWqPuXrt2+xdjtuQi42J7LOevhsbCf+kitT4c3/rwFeKy2kubwlKiRD17rRDTEfMNFZupTWySSob/vomTmP2ng77hvSQkJC5Nz338sbUGb7UX19WFHy7rq7fGr1YHNQXMi2H5Y8LtEZ9I+hy/nrJkYiYY+JdgVjcZSabWX0I6DTK05TSGRmHUvlM2E9S9CDqD6cd0uhVjFKu65tGoX3Xb356i4lpzVQqhHy8uzdru6xkNvCEgCo0el5CKqQzSotOfPC8SMQ52u78qFV0/bwEiEwT/zZEo8NVR599zTxGCQqJkRDbZtc5ASPSWErwGzKRClHvThvEdALgRhmOpSOj4o2FIVGK36Rew0WBVvaZ0aal13BNqNiWfXEbs03etn7ZGrQH2ZqpGpcAwXzIxKEx7U+f0aRDBn3nYr18iLiHyIcIHsVwYP5D+PHYLBJm13kGxaHZ0DWMe6tzQZAO6TFqZdzXaDDsGffjSvc3b933LZ+luaAAAAAASUVORK5CYII=', key: 'money_finance' },
+ { id: 5, text: this.$t('矿机资产'), icon: 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACEAAAAkCAYAAAAHKVPcAAAAAXNSR0IArs4c6QAAAmBJREFUWEe9llFOGzEQhv9ZUqmP6Q3CYyMqhRPQXgCFExBK+kw4QegJygGQCjfgBnAEXnhubwCPJRCm+Zc1coy9XjtLRkJBu17P55l/xiPwWw/ADoCLwPtWH0tgt3MA+wD4+xPA31a9Opv5IEYAflvrCHDynlHxQfwCMPGc/HLx/N56ft0WWCgdPPk0kgJGaLONNIUguDfFeVX9hnx9cqKTxVQHwQ27i7/TSqQ+B8fV+yzn5qMYhFl3VwH5nG0DuFmFogmEWy2uP2qDILZok5hiED5dmN7BMv5aeWPl7CV5thbHIFghrBTbWBGmeTFKXEPYbH3EquOPA8Du6UJxiYFhNJL1UQdhWrfhaNIXmB42sSQLQfjEuHIVhMhCEEwD82yMUTlIOl7CYh+EK0am4Zt9k279mB2pyjDBT+1SF8JXkkzN0lzxefxwXqDgVd/MVAOjgHQh6LoQrhipdGphyVIhbs8+eNPeHz+cCIqp/ZJRcEvS7gmvIKkQ807He9tuPD5OIHJkQ7hiDPUEpELEcmYgfNNU8D7of5+NsFFwBl3NBMoNDIQbhTdiXM1b/dcGwp6koj2hN9Hux3/lrJFl+vR6+PJ7WxODasBl/6+drt9LE+ZEPF10LkiFUBFG98UqHZT/P+u2AIPYVe4NdypESp9onN9UCH3WA+iyDuisKGRXBcO1RGIx+JSlGLIsiP5oNig6kl0dLkwWROO8NVyYBfHl8Gk4lzlLuhXLgkgVZo0mSv9rgZCXoeiNqeoIIvtrgbg96xQ+iP54NnXnicb5zUiHfwJX6UG011YkavtA7HT/AeUtm5EG80b7AAAAAElFTkSuQmCC', key: 'money_miner' },
]
},
},
--
Gitblit v1.9.3