| | |
| | | <div class="account_loan flex-between" @click="toPage('/loan')"> |
| | | <div class="loan_left"> |
| | | <p class="loan_left_title">{{ $t("待还款金额") }}</p> |
| | | <p>MX$ {{ userInfo.refundAmount || 0 }}</p> |
| | | <p>$ {{ userInfo.refundAmount || 0 }}</p> |
| | | </div> |
| | | <div class="flex-end loan_right"> |
| | | {{ $t("我的贷款") }} |
| | |
| | | |
| | | <div class="held_item flex-between"> |
| | | <div class="item_left flex-start"> |
| | | <span class="held_icon">MEX</span> |
| | | <p>{{ $t("Worth") }}</p> |
| | | </div> |
| | | <div class="item_right flex-end"> |
| | | {{ positionData.mxMarketValue }} MXN |
| | | </div> |
| | | </div> |
| | | |
| | | <div class="held_item flex-between"> |
| | | <div class="item_left flex-start"> |
| | | <span class="held_icon">MEX</span> |
| | | <p>{{ $t("持仓收益") }}</p> |
| | | </div> |
| | | <div |
| | | class="item_right flex-end" |
| | | :class="{ |
| | | descend: positionData.mxPositionEarnings < 0, |
| | | rise: positionData.mxPositionEarnings > 0 |
| | | }" |
| | | > |
| | | <img |
| | | src="@/assets/img/rise.png" |
| | | v-if="positionData.mxPositionEarnings > 0" |
| | | /> |
| | | <img |
| | | src="@/assets/img/descend.png" |
| | | alt="" |
| | | v-else-if="positionData.mxPositionEarnings < 0" |
| | | /> |
| | | {{ positionData.mxPositionEarnings }} |
| | | ({{ positionData.mxPositionEarningsParent }}) |
| | | </div> |
| | | </div> |
| | | |
| | | <div class="held_item flex-between"> |
| | | <div class="item_left flex-start"> |
| | | <span class="held_icon2">US</span> |
| | | <span class="held_icon">US</span> |
| | | <p>{{ $t("Worth") }}</p> |
| | | </div> |
| | | <div class="item_right flex-end"> |
| | |
| | | |
| | | <div class="held_item flex-between"> |
| | | <div class="item_left flex-start"> |
| | | <span class="held_icon2">US</span> |
| | | <span class="held_icon">US</span> |
| | | <p>{{ $t("持仓收益") }}</p> |
| | | </div> |
| | | <div |
| | |
| | | ({{ positionData.usPositionEarningsParent }}) |
| | | </div> |
| | | </div> |
| | | |
| | | <div class="held_item flex-between"> |
| | | <div class="item_left flex-start"> |
| | | <span class="held_icon2">HK</span> |
| | | <p>{{ $t("Worth") }}</p> |
| | | </div> |
| | | <div class="item_right flex-end"> |
| | | {{ positionData.hkMarketValue }} HKD |
| | | </div> |
| | | </div> |
| | | |
| | | <div class="held_item flex-between"> |
| | | <div class="item_left flex-start"> |
| | | <span class="held_icon2">HK</span> |
| | | <p>{{ $t("持仓收益") }}</p> |
| | | </div> |
| | | <div |
| | | class="item_right flex-end" |
| | | :class="{ |
| | | descend: positionData.hkPositionEarnings < 0, |
| | | rise: positionData.hkPositionEarnings > 0 |
| | | }" |
| | | > |
| | | <img |
| | | src="@/assets/img/rise.png" |
| | | v-if="positionData.hkPositionEarnings > 0" |
| | | /> |
| | | <img |
| | | src="@/assets/img/descend.png" |
| | | alt="" |
| | | v-else-if="positionData.hkPositionEarnings < 0" |
| | | /> |
| | | {{ positionData.hkPositionEarnings }} |
| | | ({{ positionData.hkPositionEarningsParent }}) |
| | | </div> |
| | | </div> |
| | | |
| | | <div class="held_item flex-between"> |
| | | <div class="item_left flex-start"> |
| | | <span class="held_icon2">IN</span> |
| | | <p>{{ $t("Worth") }}</p> |
| | | </div> |
| | | <div class="item_right flex-end"> |
| | | {{ positionData.inMarketValue }} INR |
| | | </div> |
| | | </div> |
| | | |
| | | <div class="held_item flex-between"> |
| | | <div class="item_left flex-start"> |
| | | <span class="held_icon2">IN</span> |
| | | <p>{{ $t("持仓收益") }}</p> |
| | | </div> |
| | | <div |
| | | class="item_right flex-end" |
| | | :class="{ |
| | | descend: positionData.inPositionEarnings < 0, |
| | | rise: positionData.inPositionEarnings > 0 |
| | | }" |
| | | > |
| | | <img |
| | | src="@/assets/img/rise.png" |
| | | v-if="positionData.inPositionEarnings > 0" |
| | | /> |
| | | <img |
| | | src="@/assets/img/descend.png" |
| | | alt="" |
| | | v-else-if="positionData.inPositionEarnings < 0" |
| | | /> |
| | | {{ positionData.inPositionEarnings }} |
| | | ({{ positionData.inPositionEarningsParent }}) |
| | | </div> |
| | | </div> |
| | | |
| | | <div class="held_item flex-between"> |
| | | <div class="item_left flex-start"> |
| | | <span class="held_icon2">TW</span> |
| | | <p>{{ $t("Worth") }}</p> |
| | | </div> |
| | | <div class="item_right flex-end"> |
| | | {{ positionData.twMarketValue }} TWD |
| | | </div> |
| | | </div> |
| | | |
| | | <div class="held_item flex-between"> |
| | | <div class="item_left flex-start"> |
| | | <span class="held_icon2">TW</span> |
| | | <p>{{ $t("持仓收益") }}</p> |
| | | </div> |
| | | <div |
| | | class="item_right flex-end" |
| | | :class="{ |
| | | descend: positionData.twPositionEarnings < 0, |
| | | rise: positionData.twPositionEarnings > 0 |
| | | }" |
| | | > |
| | | <img |
| | | src="@/assets/img/rise.png" |
| | | v-if="positionData.twPositionEarnings > 0" |
| | | /> |
| | | <img |
| | | src="@/assets/img/descend.png" |
| | | alt="" |
| | | v-else-if="positionData.twPositionEarnings < 0" |
| | | /> |
| | | {{ positionData.twPositionEarnings }} |
| | | ({{ positionData.twPositionEarningsParent }}) |
| | | </div> |
| | | </div> |
| | | </div> |
| | | </div> |
| | | </template> |