| | |
| | | <header> |
| | | <van-row class="title-box"> |
| | | <van-col span="12"> |
| | | <span class="title">{{ $t("总资产") }}</span> |
| | | <!-- <span class="title">{{ $t("总资产") }}</span> --> |
| | | </van-col> |
| | | <van-col span="12" class="right"> |
| | | <div class="w-33" style="height: 20px">{{ " " }}</div> |
| | | <!-- <img :src="require('@/assets/3x/names8.png')" class="w-33" /> --> |
| | | </van-col> |
| | | <div class="pt">{{ $t("总资产估值") }}</div> |
| | | <div class="pt">{{ assetsFunds.total }}</div> |
| | | <!-- <div class="pt">{{ assetsFunds.total }}</div> --> |
| | | <div class="pt"> |
| | | ≈ {{ currency.currency_symbol |
| | | }}{{ |
| | |
| | | <div class="text"> |
| | | {{ |
| | | item.usable.toFixed( |
| | | item.symbol.toUpperCase() === "USDT" ? 6 : 8 |
| | | item.symbol.toUpperCase() === "USDT" ? 2 : 2 |
| | | ) || "0.0" |
| | | }} |
| | | </div> |
| | |
| | | <div class="text"> |
| | | {{ |
| | | item.lock_amount.toFixed( |
| | | item.symbol.toUpperCase() === "USDT" ? 6 : 8 |
| | | item.symbol.toUpperCase() === "USDT" ? 2 : 2 |
| | | ) || "0.0" |
| | | }} |
| | | </div> |
| | |
| | | <div class="text"> |
| | | {{ |
| | | (item.frozenAmount + item.freeze_amount).toFixed( |
| | | item.symbol.toUpperCase() === "USDT" ? 6 : 8 |
| | | item.symbol.toUpperCase() === "USDT" ? 2 : 2 |
| | | ) || "0.0" |
| | | }} |
| | | </div> |
| | |
| | | text: this.$t("提币"), |
| | | route: "/withdraw/withdrawPage", |
| | | }, |
| | | // { |
| | | // id: 4, |
| | | // text: this.$t("闪兑"), |
| | | // route: "/exchange/exchangePage", |
| | | // }, |
| | | { |
| | | id: 4, |
| | | text: this.$t("闪兑"), |
| | | route: "/exchange/exchangePage", |
| | | }, |
| | | { |
| | | id: 5, |
| | | text: this.$t("货币理财"), |
| | |
| | | ], |
| | | tabList: [ |
| | | { id: 1, text: this.$t("现货") }, |
| | | { id: 2, text: this.$t("交割合约") }, |
| | | { id: 2, text: this.$t("期权合约") }, |
| | | { id: 4, text: this.$t("永续合约") }, |
| | | { id: 5, text: this.$t("理财") }, |
| | | ], |
| | |
| | | <style lang="scss" scoped> |
| | | .assets-box { |
| | | header { |
| | | padding: 100px 0 0px; |
| | | // padding: 100px 0 0px; |
| | | color: #817cf6; |
| | | .title-box { |
| | | padding: 0 70px; |
| | |
| | | color: #363636; |
| | | .tabs-name { |
| | | margin-left: 10px; |
| | | color: #dedbe2; |
| | | // color: #dedbe2; |
| | | } |
| | | } |
| | | .tabs-box { |
| | | display: flex; |
| | | color: #dedbe2; |
| | | // color: #dedbe2; |
| | | font-weight: 400; |
| | | flex: 1; |
| | | justify-content: space-between; |
| | |
| | | margin-bottom: 20px; |
| | | } |
| | | .title { |
| | | color: #dedbe2; |
| | | // color: #dedbe2; |
| | | margin-bottom: 10px; |
| | | } |
| | | .text { |