1

admin

2026-01-11 fff675a093a912ecdda8e5498421a3e41ab0b596

 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;