1

PC-20250623MANY\Administrator

2025-09-16 c69ff22bf0f30cf0421e1a38c8619c520861564c

 src/page/user/account.vue

@@ -1,21 +1,13 @@
<template>
  <div class="account">
    <div class="tui-userInfo flex-between">
      <div class="userinfo-box flex-center">
      <div class="userinfo-box flex-start">
        <img src="@/assets/img/avatar_.png" alt="" />
        <div>{{ userInfo.phone }}</div>
      </div>
      <div class="tui-rightsetting flex-center">
        <img
          src="@/assets/img/services.png"
          alt=""
          @click="$store.dispatch('CustomerService')"
        />
        <img
          src="@/assets/img/setting.png"
          alt=""
          @click="$router.push('/setting')"
        />
        <img src="@/assets/img/services.png" alt="" @click="$store.dispatch('CustomerService')" />
        <img src="@/assets/img/setting.png" alt="" @click="$router.push('/setting')" />
      </div>
    </div>

@@ -69,12 +61,7 @@
        <img src="@/assets/img/account_1.png" />
        <div class="text">{{ this.$t("hj172") }}</div>
      </div>
      <div
        class="tui-rightItem flex-center"
        v-for="i in tabs"
        :key="i.name"
        @click="toPage(i.path)"
      >
      <div class="tui-rightItem flex-center" v-for="i in tabs" :key="i.name" @click="toPage(i.path)">
        <img :src="i.img" />
        <div class="text">{{ i.name }}</div>
      </div>
@@ -183,14 +170,17 @@
  width: 100%;
  min-height: 100vh;
  padding: 0 0.475rem;

  .tui-spendMoney {
    font-size: 0.375rem;
    margin-top: 0.3rem;

    .tui-rightItem {
      padding: 0.4rem 0;
      width: 20%;
      border-radius: 0.325rem;
      flex-direction: column;

      .text {
        width: 100%;
        font-size: 0.3rem;
@@ -199,41 +189,49 @@
        text-align: center;
        color: #b1b2b3;
      }

      img {
        width: 0.825rem;
        height: 0.825rem;
      }
    }
  }

  .tui-money {
    margin-top: 0.65rem;
    background: linear-gradient(90deg, #585fb4, #48529e);
    border-radius: 0.175rem;

    .all-assets {
      width: 100%;
      padding: 0.225rem 0 0.35rem;
      justify-content: space-evenly;

      .assets-item {
        width: 50%;
        flex-shrink: 0;
        flex-direction: column;
        align-items: start;
        padding: 0 0.3rem;

        .big-size {
          font-size: 0.4rem;
          color: #fff;
          padding-top: 0.15rem;
        }

        .all-size {
          font-size: 0.35rem;
          color: #c4c7e4;
        }
      }
    }

    .normal {
      padding: 0.375rem 0;
      margin: 0 0.375rem;
      position: relative;

      .price {
        font-size: 0.825rem;
        // line-height: 0.825rem;
@@ -241,16 +239,19 @@
        padding-top: 0.3rem;
        color: #fff;
      }

      .text-xs {
        font-size: 0.3rem;
        color: #c7c9e6;
      }
    }
  }

  .tui-userInfo {
    box-sizing: border-box;
    padding-top: 0.95rem;
    height: 2.1rem;

    .tui-rightsetting {
      img {
        display: block;
@@ -259,10 +260,19 @@
        margin: 0 0.175rem;
      }
    }

    .userinfo-box {
      font-size: 0.65rem;
      font-size: 0.5rem;
      font-weight: 700;
      color: #fff;
      width: 70%;

      &>div {
        word-break: break-all;
        word-wrap: break-word;
        white-space: normal;
      }

      img {
        width: 1.2rem;
        height: 1.2rem;