From 22bd6a106d8a572db17da94dc2091cac07b19951 Mon Sep 17 00:00:00 2001
From: hzj <1304805162@qq.com>
Date: Tue, 2 Dec 2025 17:02:31 +0800
Subject: [PATCH] =?UTF-8?q?style(=E6=B8=B8=E6=88=8F=E6=B4=BB=E5=8A=A8?=
 =?UTF-8?q?=E9=A1=B5):=20=E4=BC=98=E5=8C=96=E5=88=87=E6=8D=A2=E6=8C=89?=
 =?UTF-8?q?=E9=92=AE=E7=9A=84=E5=B1=95=E7=A4=BA=E6=96=B9=E5=BC=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/Activities/Game/index.vue | 108 ++++++++++++++++++++--------
 1 file changed, 80 insertions(+), 28 deletions(-)

diff --git a/src/views/Activities/Game/index.vue b/src/views/Activities/Game/index.vue
index b1bb1c8..2999f95 100644
--- a/src/views/Activities/Game/index.vue
+++ b/src/views/Activities/Game/index.vue
@@ -50,39 +50,91 @@
           v-if="currentLangType == 'en'"
           style="display: flex; justify-content: space-around; margin-top: 2vw"
         >
-          <img
-            v-smart-img
-            :src="rankingShow ? imageUrl('rankingBtActive') : imageUrl('rankingBt')"
-            alt=""
-            style="display: block; width: 40%"
-            @click="rankingShow = true"
-          />
-          <img
-            v-smart-img
-            :src="!rankingShow ? imageUrl('rewardBtActive') : imageUrl('rewardsBt')"
-            alt=""
-            style="display: block; width: 40%"
-            @click="rankingShow = false"
-          />
+          <!-- 排行榜按钮 -->
+          <div style="width: 40%; position: relative">
+            <img
+              v-smart-img
+              :src="imageUrl('rankingBt')"
+              alt=""
+              style="display: block; width: 100%"
+              :style="{ opacity: rankingShow ? 0 : 1 }"
+              @click="rankingShow = true"
+            />
+            <img
+              v-smart-img
+              :src="imageUrl('rankingBtActive')"
+              alt=""
+              style="display: block; width: 100%; position: absolute; top: 0; left: 0"
+              :style="{ opacity: rankingShow ? 1 : 0 }"
+              @click="rankingShow = true"
+            />
+          </div>
+
+          <!-- 奖励按钮 -->
+          <div style="width: 40%; position: relative">
+            <img
+              v-smart-img
+              :src="imageUrl('rewardsBt')"
+              alt=""
+              style="display: block; width: 100%"
+              :style="{ opacity: rankingShow ? 1 : 0 }"
+              @click="rankingShow = false"
+            />
+            <img
+              v-smart-img
+              :src="imageUrl('rewardBtActive')"
+              alt=""
+              style="display: block; width: 100%; position: absolute; top: 0; left: 0"
+              :style="{ opacity: rankingShow ? 0 : 1 }"
+              @click="rankingShow = false"
+            />
+          </div>
         </div>
+
+        <!-- 阿拉伯语版本 -->
         <div
           v-if="currentLangType == 'ar'"
           style="display: flex; justify-content: space-around; margin-top: 2vw"
         >
-          <img
-            v-smart-img
-            :src="rankingShow ? imageUrl('rankingBtActiveAr') : imageUrl('rankingBtAr')"
-            alt=""
-            style="display: block; width: 40%"
-            @click="rankingShow = true"
-          />
-          <img
-            v-smart-img
-            :src="!rankingShow ? imageUrl('rewardBtActiveAr') : imageUrl('rewardsBtAr')"
-            alt=""
-            style="display: block; width: 40%"
-            @click="rankingShow = false"
-          />
+          <!-- 排行榜按钮 -->
+          <div style="width: 40%; position: relative">
+            <img
+              v-smart-img
+              :src="imageUrl('rankingBtAr')"
+              alt=""
+              style="display: block; width: 100%"
+              :style="{ opacity: rankingShow ? 0 : 1 }"
+              @click="rankingShow = true"
+            />
+            <img
+              v-smart-img
+              :src="imageUrl('rankingBtActiveAr')"
+              alt=""
+              style="display: block; width: 100%; position: absolute; top: 0; left: 0"
+              :style="{ opacity: rankingShow ? 1 : 0 }"
+              @click="rankingShow = true"
+            />
+          </div>
+
+          <!-- 奖励按钮 -->
+          <div style="width: 40%; position: relative">
+            <img
+              v-smart-img
+              :src="imageUrl('rewardsBtAr')"
+              alt=""
+              style="display: block; width: 100%"
+              :style="{ opacity: rankingShow ? 1 : 0 }"
+              @click="rankingShow = false"
+            />
+            <img
+              v-smart-img
+              :src="imageUrl('rewardBtActiveAr')"
+              alt=""
+              style="display: block; width: 100%; position: absolute; top: 0; left: 0"
+              :style="{ opacity: rankingShow ? 0 : 1 }"
+              @click="rankingShow = false"
+            />
+          </div>
         </div>
       </div>