From c69ff22bf0f30cf0421e1a38c8619c520861564c Mon Sep 17 00:00:00 2001
From: PC-20250623MANY\Administrator <344137771@qq.com>
Date: Tue, 16 Sep 2025 17:29:03 +0800
Subject: [PATCH] 1

---
 src/page/user/account.vue |   46 ++++++++++++++++++++++++++++------------------
 1 files changed, 28 insertions(+), 18 deletions(-)

diff --git a/src/page/user/account.vue b/src/page/user/account.vue
index 8d49f1c..f5fee0f 100644
--- a/src/page/user/account.vue
+++ b/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;

--
Gitblit v1.9.3