| | |
| | | </div> |
| | | </div> |
| | | |
| | | <div class="wallet"> |
| | | <div class="wallet_item" v-for="i in moneyData" :key="i.id"> |
| | | <div class="wallet_item_title flex-start"> |
| | | <img src="@/assets/img/qz_r.png" v-if="i.accectType == 'JP'" /> |
| | | <img src="@/assets/img/qz_m.png" v-else-if="i.accectType == 'US'" /> |
| | | <span>{{ i.accectType }} {{ $t("Account") }}</span> |
| | | </div> |
| | | |
| | | <div class="wallet_item_content flex-between"> |
| | | <div> |
| | | <div class="wic_title">{{ $t("hometips") }}</div> |
| | | <div class="wic_money">{{ i.symbol }} {{ i.totalMoney }}</div> |
| | | </div> |
| | | <div> |
| | | <div class="wic_title" style="text-align: end;">{{ $t("hj48") }}</div> |
| | | <div class="wic_money" style="text-align: end;"> |
| | | {{ i.symbol }} {{ i.availableBalance }} |
| | | </div> |
| | | </div> |
| | | </div> |
| | | |
| | | <div class="wallet_item_content flex-between" style="padding-top: 0;"> |
| | | <div> |
| | | <div class="wic_title">{{ $t("冻结资金") }}</div> |
| | | <div class="wic_money">{{ i.symbol }} {{ i.freezeMoney }}</div> |
| | | </div> |
| | | </div> |
| | | |
| | | <div class="wallet_item_but flex-between"> |
| | | <div class="flex-center" @click="czts()"> |
| | | <span>{{ $t("hj172") }}</span> |
| | | </div> |
| | | <div class="flex-center" @click="toPage('/RechargeSure')"> |
| | | <span>{{ $t("subdka") }}</span> |
| | | </div> |
| | | <div class="flex-center" @click="toPage('/transferNew')"> |
| | | <span>{{ $t("划转") }}</span> |
| | | </div> |
| | | </div> |
| | | </div> |
| | | </div> |
| | | |
| | | <!-- <div class="account_loan flex-between" @click="toPage('/loan')"> |
| | | <div class="loan_left"> |
| | | <p class="loan_left_title">{{ $t("待还款金额") }}</p> |
| | |
| | | ({{ positionData.jpPositionEarningsParent }}) |
| | | </div> |
| | | </div> --> |
| | | |
| | | <!-- <div class="held_item flex-between"> |
| | | <div class="item_left flex-start"> |
| | | <span class="held_icon2">HK</span> |
| | |
| | | background: #fff; |
| | | font-size: 10vw; |
| | | padding-top: 0.2em; |
| | | padding-bottom: 1.4rem; |
| | | padding-bottom: 1.6rem; |
| | | |
| | | .account_loan { |
| | | height: 2em; |
| | |
| | | width: 9.5em; |
| | | margin: 0.2em auto 0; |
| | | padding-top: 0.25em; |
| | | background-color: @purple; |
| | | // background-color: @purple; |
| | | border-radius: 0.25em 0.25em 0 0; |
| | | color: #fff; |
| | | // color: #fff; |
| | | |
| | | .wallet_record { |
| | | color: @green; |
| | |
| | | width: 0.75em; |
| | | } |
| | | } |
| | | |
| | | .wallet_item { |
| | | width: 100%; |
| | | padding: 0.35em 0.4em; |
| | | border-top: rgba(#666, 0.1) solid 0.01em; |
| | | |
| | | .wallet_item_but { |
| | | font-weight: 600; |
| | | margin-top: 0.275em; |
| | | gap: 0.5em; |
| | | |
| | | & > div { |
| | | border: 0.01em solid rgba(#666, 0.2); |
| | | border-radius: 0.5em; |
| | | height: 1em; |
| | | flex: 1; |
| | | width: 0; |
| | | |
| | | span { |
| | | font-size: 0.35em; |
| | | font-weight: 600; |
| | | color: @green; |
| | | } |
| | | } |
| | | } |
| | | |
| | | .wallet_item_title { |
| | | opacity: 0.9; |
| | | |
| | | img { |
| | | width: 0.65em; |
| | | height: 0.65em; |
| | | border-radius: 50%; |
| | | margin-right: 0.15em; |
| | | } |
| | | |
| | | span { |
| | | font-size: 0.45em; |
| | | } |
| | | } |
| | | |
| | | .wallet_item_content { |
| | | padding: 0.425em 0; |
| | | |
| | | .wic_title { |
| | | font-size: 0.35em; |
| | | margin-bottom: 0.5em; |
| | | font-weight: 600; |
| | | opacity: 0.8; |
| | | } |
| | | |
| | | .wic_money { |
| | | font-size: 0.4em; |
| | | font-weight: 600; |
| | | color: #f7b52b; |
| | | } |
| | | } |
| | | } |
| | | } |
| | | |
| | | .user { |