<template>
|
<div class="box-border">
|
<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>
|
<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" />
|
</div>
|
</div>
|
<div class="right-clock" @click="goRouter('/exchange/exchangeHistory')">
|
<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.total || '--' }}
|
<span class="font-40 text-grey">≈{{ currency.currency_symbol }}{{ funds.total ? (funds.total *
|
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" 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="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 " style="background: #fff;" @click="withdrawBtn">
|
<div class="word-wrap">
|
<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 " style="background: #fff;" @click="goRouter('/exchange/exchangePage')">
|
<div class="word-wrap">
|
<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>
|
</div>
|
<!-- <div class="divider-line"></div>-->
|
<div class="pl-30 pr-30">
|
<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="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">
|
<div class="textColor">{{ funds[item.key] || '--' }} USDT</div>
|
<div class="text-grey font-30 font-400 mb-0">≈{{ currency.currency_symbol }} {{ funds[item.key] ?
|
(funds[item.key]
|
* currency.rate).toFixed(2) : ' --' }}</div>
|
</div>
|
<div class="flex-col font-30 text-right" v-if="eyetel">
|
<div class="textColor">******** USDT</div>
|
<div class="text-grey">≈{{ currency.currency_symbol }} ********</div>
|
</div>
|
</div>
|
</div>
|
</div>
|
</template>
|
<script>
|
import Axios from "@/API/assets"
|
import { Dialog } from 'vant';
|
import { mapGetters } from "vuex";
|
export default {
|
name: 'AssetsPage',
|
components: {
|
[Dialog.name]: Dialog,
|
},
|
props: ['funds'],
|
data() {
|
return {
|
// total:"",
|
// status:"", //身份认证状态 0已申请未审核,1审核中,2审核通过,3审核未通过
|
eyetel: false,
|
active: 0,
|
}
|
},
|
computed: {
|
...mapGetters('home', ['currency', 'theme']),
|
list() {
|
return [
|
{ 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' },
|
]
|
},
|
},
|
mounted() {
|
// this.getData();
|
// this.getList();
|
},
|
methods: {
|
onClickLeft() {
|
this.$router.go(-1);
|
},
|
goRouter(parmas) {
|
if (parmas === '/exchange/exchangeHistory') {
|
this.$router.push({ path: parmas, query: { type: 0 } })
|
} else {
|
this.$router.push(parmas);
|
}
|
},
|
// getData() {
|
// Axios.GetAllAssets().then((res)=>{
|
// if(res.code ==0){
|
// this.total = res.data.total;
|
// this.status = res.data.status;
|
// }
|
// });
|
// },
|
getList() {
|
Axios.GetWallet().then((res) => {
|
if (res.code == 0) {
|
this.list = res.data.extends;
|
}
|
});
|
},
|
changeEyes() {
|
this.eyetel = !this.eyetel;
|
},
|
beforeClose(action, done) {
|
if (action === 'confirm') {
|
setTimeout(done, 1000);
|
} else {
|
done();
|
}
|
},
|
//跳转提币页面
|
withdrawBtn() {
|
//身份已认证,直接跳转,未认证则提示跳身份认证页
|
// if(this.funds.status==2) {
|
// this.$router.push({
|
// path:'/withdraw/withdrawPage'
|
// });
|
// }else{
|
// Dialog.confirm({
|
// confirmButtonText:this.$t('确定'),
|
// cancelButtonText:this.$t('取消'),
|
// title: this.$t('提示'),
|
// message: this.$t('请进行身份KYC认证'),
|
// beforeClose: (action, done) => {
|
// if (action === 'confirm') {
|
// done();
|
// this.$router.push({
|
// path:'/authentication'
|
// });
|
// } else {
|
// done();
|
// }
|
// },
|
// });
|
// }
|
this.$router.push({
|
path: '/withdraw/withdrawPage'
|
});
|
},
|
|
},
|
|
}
|
</script>
|
|
<style lang="scss" scoped>
|
.right-clock {
|
position: absolute;
|
top: 0;
|
right: -3px;
|
}
|
|
.total_wrap {
|
margin-top: 44px;
|
}
|
|
.asset-title-box {
|
margin: 40px 0;
|
}
|
|
.btn-box {
|
margin-top: 44px;
|
}
|
|
.btn-box>div {
|
width: 234px;
|
padding: 20px 15px;
|
box-sizing: border-box;
|
text-align: center;
|
border-radius: 8.8px;
|
font-size: 26.5px;
|
display: flex;
|
justify-content: center;
|
align-items: center;
|
|
.word-wrap {
|
display: flex;
|
align-items: center;
|
justify-content: center;
|
|
img {
|
width: 40px;
|
height: 40px;
|
margin-right: 22px;
|
}
|
|
span {
|
font-size: 26.5px;
|
}
|
}
|
}
|
|
.mr60 {
|
margin-right: 60px;
|
}
|
|
.divider-line {
|
border-bottom: 1px solid #E5E7ED;
|
padding-bottom: 80px;
|
}
|
|
.assets-content-title {
|
margin-top: 60px;
|
margin-bottom: 55px;
|
}
|
|
.assets-list {
|
margin-bottom: 35px;
|
}
|
|
.assets-list>div {
|
display: flex;
|
}
|
|
.assets-list>div:nth-child(2) div:nth-child(1) {
|
margin-bottom: 16px;
|
font-size: 30px;
|
font-weight: 700;
|
}
|
|
.symbol-name {
|
margin-left: 17px;
|
//margin-top:10px;
|
}
|
</style>
|