From fff675a093a912ecdda8e5498421a3e41ab0b596 Mon Sep 17 00:00:00 2001
From: admin <344137771@qq.com>
Date: Sun, 11 Jan 2026 19:35:02 +0800
Subject: [PATCH] 1
---
src/page/user/account.vue | 111 ++++++++++++++++++++++++++++---------------------------
1 files changed, 56 insertions(+), 55 deletions(-)
diff --git a/src/page/user/account.vue b/src/page/user/account.vue
index f51411f..c616218 100644
--- a/src/page/user/account.vue
+++ b/src/page/user/account.vue
@@ -88,28 +88,44 @@
<span class="held_icon">US</span>
<p>{{ $t("持仓收益") }}</p>
</div>
- <div
- class="item_right flex-end"
- :class="{
- descend: positionData.usPositionEarnings < 0,
- rise: positionData.usPositionEarnings > 0
- }"
- >
- <img
- src="@/assets/img/rise.png"
- v-if="positionData.usPositionEarnings > 0"
- />
- <img
- src="@/assets/img/descend.png"
- alt=""
- v-else-if="positionData.usPositionEarnings < 0"
- />
+ <div class="item_right flex-end" :class="{
+ descend: positionData.usPositionEarnings < 0,
+ rise: positionData.usPositionEarnings > 0
+ }">
+ <img src="@/assets/img/rise.png" v-if="positionData.usPositionEarnings > 0" />
+ <img src="@/assets/img/descend.png" alt="" v-else-if="positionData.usPositionEarnings < 0" />
{{ positionData.usPositionEarnings }}
({{ positionData.usPositionEarningsParent }})
</div>
</div>
<div class="held_item flex-between">
+ <div class="item_left flex-start">
+ <span class="held_icon2">JP</span>
+ <p>{{ $t("Worth") }}</p>
+ </div>
+ <div class="item_right flex-end">
+ {{ positionData.jpMarketValue }} JPY
+ </div>
+ </div>
+
+ <div class="held_item flex-between">
+ <div class="item_left flex-start">
+ <span class="held_icon2">JP</span>
+ <p>{{ $t("持仓收益") }}</p>
+ </div>
+ <div class="item_right flex-end" :class="{
+ descend: positionData.jpPositionEarnings < 0,
+ rise: positionData.jpPositionEarnings > 0
+ }">
+ <img src="@/assets/img/rise.png" v-if="positionData.jpPositionEarnings > 0" />
+ <img src="@/assets/img/descend.png" alt="" v-else-if="positionData.jpPositionEarnings < 0" />
+ {{ positionData.jpPositionEarnings }}
+ ({{ positionData.jpPositionEarningsParent }})
+ </div>
+ </div>
+
+ <!-- <div class="held_item flex-between">
<div class="item_left flex-start">
<span class="held_icon2">HK</span>
<p>{{ $t("Worth") }}</p>
@@ -143,45 +159,10 @@
{{ positionData.hkPositionEarnings }}
({{ positionData.hkPositionEarningsParent }})
</div>
- </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="held_item flex-between">
<div class="item_left flex-start">
<span class="held_icon2">TW</span>
<p>{{ $t("Worth") }}</p>
@@ -215,7 +196,7 @@
{{ positionData.twPositionEarnings }}
({{ positionData.twPositionEarningsParent }})
</div>
- </div>
+ </div> -->
</div>
</div>
</template>
@@ -286,6 +267,7 @@
@green: #c4d600;
@red: #ee0a24;
@dark_green: #07c160;
+
.account {
width: 100%;
min-height: 100vh;
@@ -293,6 +275,7 @@
font-size: 10vw;
padding-top: 0.2em;
padding-bottom: 1.4rem;
+
.account_loan {
height: 2em;
background-color: #e5eff7;
@@ -303,12 +286,14 @@
p {
font-size: 0.4em;
}
+
.loan_left_title {
font-size: 0.3em;
color: #999;
margin-bottom: 0.75em;
}
}
+
.loan_right {
font-size: 0.4em;
}
@@ -372,11 +357,13 @@
.held_head {
height: 1.333em;
box-shadow: 0 0.05333rem 0.26667rem #0000000d;
+
.head_left,
.head_right {
width: 50%;
height: 100%;
}
+
.head_left {
color: @green;
position: relative;
@@ -391,13 +378,16 @@
background-color: #ddd;
}
}
+
.head_right {
color: @red;
}
+
img {
width: 0.6em;
margin-left: 0.1em;
}
+
span {
font-size: 0.45em;
font-weight: 600;
@@ -443,7 +433,7 @@
}
}
- & > img {
+ &>img {
width: 1.6em;
margin-bottom: 0.3em;
}
@@ -457,30 +447,37 @@
background-color: @purple;
border-radius: 0.25em 0.25em 0 0;
color: #fff;
+
.wallet_record {
color: @green;
// margin-top: 0.5em;
padding: 0.3em;
border-top: 0.01em solid rgba(#fff, 0.1);
+
span {
font-size: 0.4em;
}
}
+
.wallet_price_name {
padding: 0 0.25em 0.25em;
+
span {
font-size: 0.3em;
}
}
+
.wallet_i_title {
border-top: rgba(#fff, 0.1) solid 0.01em;
font-size: 0.4em;
padding: 0.6em 0;
}
+
.wallet_price {
color: #f7b52b;
padding: 0 0.25em;
margin-bottom: 0.25em;
+
span {
font-size: 0.4em;
}
@@ -489,9 +486,11 @@
.wallet_title {
padding: 0 0.25em;
margin-bottom: 0.25em;
+
span {
font-size: 0.5em;
}
+
img {
width: 0.75em;
}
@@ -505,9 +504,11 @@
border-radius: 50%;
margin-right: 0.25em;
}
+
.real_name {
font-size: 0.5em;
}
+
.phone {
font-size: 0.4em;
color: #999;
--
Gitblit v1.9.3