From 2bab935f4e80bda2e9967863ba7755fbb83af636 Mon Sep 17 00:00:00 2001
From: hzj <1304805162@qq.com>
Date: Wed, 11 Feb 2026 17:21:56 +0800
Subject: [PATCH] =?UTF-8?q?style(=E6=98=A5=E8=8A=82=E6=B4=BB=E5=8A=A8?=
 =?UTF-8?q?=E9=A1=B5=E9=9D=A2):=20=E8=B0=83=E6=95=B4=E4=B8=AA=E4=BA=BA?=
 =?UTF-8?q?=E5=85=85=E5=80=BC=E4=BF=A1=E6=81=AF=E6=A8=A1=E5=9D=97=E7=9A=84?=
 =?UTF-8?q?=E6=A0=B7=E5=BC=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../SpringFestival/RechargeReward.vue         | 154 +++++++++---------
 1 file changed, 78 insertions(+), 76 deletions(-)

diff --git a/src/views/Activities/SpringFestival/RechargeReward.vue b/src/views/Activities/SpringFestival/RechargeReward.vue
index 6cc2091..b887e7e 100644
--- a/src/views/Activities/SpringFestival/RechargeReward.vue
+++ b/src/views/Activities/SpringFestival/RechargeReward.vue
@@ -1,97 +1,99 @@
 <template>
   <div style="display: flex; flex-direction: column; gap: 2vw">
     <!-- 个人充值信息 -->
-    <itemCenter
-      style="z-index: 0"
-      :imgUrl="imageUrl('earningInfoBg')"
-      :flip="true"
-      :contentStyle="`inset:11vw 10vw 9vw 9vw;justify-content: space-between;gap: 10vw;`"
-    >
-      <!-- 头像 -->
-      <img
-        v-smart-img
-        :src="myRechargeRecode?.userAvatar || ''"
-        alt=""
-        style="
-          position: relative;
-          z-index: -1;
-          width: 23vw;
-          min-width: 0;
-
-          border-radius: 50%;
-          aspect-ratio: 1/1;
-          object-fit: cover;
-        "
-        @error="handleAvatarImageError"
-      />
-
-      <!-- 基本信息 -->
-      <div
-        style="
-          position: relative;
-          flex: 1;
-          min-width: 0;
-          height: 80%;
-
-          display: flex;
-          flex-direction: column;
-          justify-content: center;
-          gap: 1vw;
-        "
+    <div style="padding: 0 4vw">
+      <itemCenter
+        style="z-index: 0"
+        :imgUrl="imageUrl('earningInfoBg')"
+        :flip="true"
+        :contentStyle="`inset:11vw 10vw 9vw 9vw;justify-content: space-between;gap: 10vw;`"
       >
-        <!-- 充值帮助按钮 -->
+        <!-- 头像 -->
         <img
           v-smart-img
-          src="/src/assets/icon/helpWhite.png"
+          :src="myRechargeRecode?.userAvatar || ''"
           alt=""
-          class="ruleBt"
-          @click="openPopup('rechargeHelp')"
+          style="
+            position: relative;
+            z-index: -1;
+            width: 23vw;
+            min-width: 0;
+
+            border-radius: 50%;
+            aspect-ratio: 1/1;
+            object-fit: cover;
+          "
+          @error="handleAvatarImageError"
         />
 
-        <!-- 名称 -->
+        <!-- 基本信息 -->
         <div
           style="
-            max-width: 70%;
+            position: relative;
+            flex: 1;
             min-width: 0;
-            font-weight: 500;
-            overflow: hidden;
-            white-space: nowrap;
-            text-overflow: ellipsis;
+            height: 80%;
+
+            display: flex;
+            flex-direction: column;
+            justify-content: center;
+            gap: 1vw;
           "
         >
-          {{ myRechargeRecode?.userName || '' }}
-        </div>
+          <!-- 充值帮助按钮 -->
+          <img
+            v-smart-img
+            src="/src/assets/icon/helpWhite.png"
+            alt=""
+            class="ruleBt"
+            @click="openPopup('rechargeHelp')"
+          />
 
-        <!-- 账号 -->
-        <div>{{ $t('user_id_prefix') }} {{ myRechargeRecode?.account }}</div>
-
-        <!-- 总充值 -->
-        <div style="display: flex; justify-content: space-between; align-items: center">
-          <div>
-            {{ t('Accumulated recharge') }}:${{
-              formatRechargeAmount(myRechargeRecode?.totalAmount)
-            }}
+          <!-- 名称 -->
+          <div
+            style="
+              max-width: 70%;
+              min-width: 0;
+              font-weight: 500;
+              overflow: hidden;
+              white-space: nowrap;
+              text-overflow: ellipsis;
+            "
+          >
+            {{ myRechargeRecode?.userName || '' }}
           </div>
 
-          <img
-            v-show="rechargehidden"
-            v-smart-img
-            :src="imageUrl('rechargeNumHidden')"
-            alt=""
-            style="width: 5vw; display: block; object-fit: cover"
-            @click="rechargehidden = !rechargehidden"
-          />
-          <img
-            v-show="!rechargehidden"
-            v-smart-img
-            :src="imageUrl('rechargeNumShow')"
-            alt=""
-            style="width: 5vw; display: block; object-fit: cover"
-            @click="rechargehidden = !rechargehidden"
-          />
+          <!-- 账号 -->
+          <div>{{ $t('user_id_prefix') }} {{ myRechargeRecode?.account }}</div>
+
+          <!-- 总充值 -->
+          <div style="display: flex; justify-content: space-between; align-items: center">
+            <div>
+              {{ t('Accumulated recharge') }}:${{
+                formatRechargeAmount(myRechargeRecode?.totalAmount)
+              }}
+            </div>
+
+            <img
+              v-show="rechargehidden"
+              v-smart-img
+              :src="imageUrl('rechargeNumHidden')"
+              alt=""
+              style="width: 5vw; display: block; object-fit: cover"
+              @click="rechargehidden = !rechargehidden"
+            />
+            <img
+              v-show="!rechargehidden"
+              v-smart-img
+              :src="imageUrl('rechargeNumShow')"
+              alt=""
+              style="width: 5vw; display: block; object-fit: cover"
+              @click="rechargehidden = !rechargehidden"
+            />
+          </div>
         </div>
-      </div>
-    </itemCenter>
+      </itemCenter>
+    </div>
 
     <itemCenter
       v-for="(rewardsTop, index) in RechargeRewards"