From 827ba108f7dbb45fb9c25a018d40d585cd1919cb Mon Sep 17 00:00:00 2001
From: hzj <1304805162@qq.com>
Date: Tue, 16 Dec 2025 14:43:15 +0800
Subject: [PATCH] =?UTF-8?q?feat(=E6=B4=BB=E5=8A=A8=E5=92=8C=E6=8E=92?=
 =?UTF-8?q?=E8=A1=8C=E7=89=88):=20=E4=BF=AE=E5=A4=8D=E5=89=8D=E4=B8=89?=
 =?UTF-8?q?=E5=90=8D=E6=A8=A1=E5=9D=97=E7=9A=84=E7=82=B9=E5=87=BB=E9=81=AE?=
 =?UTF-8?q?=E6=8C=A1=E9=97=AE=E9=A2=98?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/Activities/Game/index.vue          | 61 +++++++++++++-------
 src/views/Activities/LuckyChampion/index.vue | 61 +++++++++++++-------
 src/views/Ranking/WeeklyStar/WeeklyStar.vue  | 57 ++++++++++++------
 3 files changed, 118 insertions(+), 61 deletions(-)

diff --git a/src/views/Activities/Game/index.vue b/src/views/Activities/Game/index.vue
index 66bd825..83ae40f 100644
--- a/src/views/Activities/Game/index.vue
+++ b/src/views/Activities/Game/index.vue
@@ -112,27 +112,46 @@
                   />
                 </div>
                 <!-- 第二三 -->
-                <div style="display: flex; justify-content: space-between; margin-top: -30%">
-                  <TopUser
-                    :isTopOne="false"
-                    ranking="2"
-                    :BorderImgUrl="imageUrl('topTwo')"
-                    :avatarUrl="RankingHasTop3[1].avatar"
-                    :name="RankingHasTop3[1].nickname"
-                    :distributionValue="RankingHasTop3[1].quantity"
-                    style="width: 34%"
-                    @click="viewUserInfo(RankingHasTop3[1].userId)"
-                  />
-                  <TopUser
-                    :isTopOne="false"
-                    ranking="3"
-                    :BorderImgUrl="imageUrl('topThree')"
-                    :avatarUrl="RankingHasTop3[2].avatar"
-                    :name="RankingHasTop3[2].nickname"
-                    :distributionValue="RankingHasTop3[2].quantity"
-                    style="width: 34%"
-                    @click="viewUserInfo(RankingHasTop3[2].userId)"
-                  />
+                <div
+                  style="
+                    position: relative;
+                    z-index: 3;
+
+                    display: flex;
+                    justify-content: space-between;
+                    margin-top: -30%;
+                    pointer-events: none;
+                  "
+                >
+                  <div
+                    style="pointer-events: auto; width: 34%"
+                    @click.stop="viewUserInfo(RankingHasTop3[1].userId)"
+                  >
+                    <TopUser
+                      :isTopOne="false"
+                      ranking="2"
+                      :BorderImgUrl="imageUrl('topTwo')"
+                      :avatarUrl="RankingHasTop3[1].avatar"
+                      :name="RankingHasTop3[1].nickname"
+                      :distributionValue="RankingHasTop3[1].quantity"
+                      style="width: 100%"
+                    />
+                  </div>
+
+                  <div
+                    style="pointer-events: auto; width: 34%"
+                    @click.stop="viewUserInfo(RankingHasTop3[2].userId)"
+                  >
+                    <TopUser
+                      :isTopOne="false"
+                      ranking="3"
+                      :BorderImgUrl="imageUrl('topThree')"
+                      :avatarUrl="RankingHasTop3[2].avatar"
+                      :name="RankingHasTop3[2].nickname"
+                      :distributionValue="RankingHasTop3[2].quantity"
+                      style="width: 100%"
+                    />
+                  </div>
                 </div>
               </div>
             </itemCenter>
diff --git a/src/views/Activities/LuckyChampion/index.vue b/src/views/Activities/LuckyChampion/index.vue
index 241f688..227e43e 100644
--- a/src/views/Activities/LuckyChampion/index.vue
+++ b/src/views/Activities/LuckyChampion/index.vue
@@ -121,27 +121,46 @@
                   />
                 </div>
                 <!-- 第二三 -->
-                <div style="display: flex; justify-content: space-between; margin-top: -23%">
-                  <TopUser
-                    :isTopOne="false"
-                    ranking="2"
-                    :BorderImgUrl="imageUrl('topTwo')"
-                    :avatarUrl="RankingHasTop3[1].avatar"
-                    :name="RankingHasTop3[1].nickname"
-                    :distributionValue="RankingHasTop3[1].quantity"
-                    style="width: 36%"
-                    @click="viewUserInfo(RankingHasTop3[1].userId)"
-                  />
-                  <TopUser
-                    :isTopOne="false"
-                    ranking="3"
-                    :BorderImgUrl="imageUrl('topThree')"
-                    :avatarUrl="RankingHasTop3[2].avatar"
-                    :name="RankingHasTop3[2].nickname"
-                    :distributionValue="RankingHasTop3[2].quantity"
-                    style="width: 36%"
-                    @click="viewUserInfo(RankingHasTop3[2].userId)"
-                  />
+                <div
+                  style="
+                    position: relative;
+                    z-index: 3;
+
+                    display: flex;
+                    justify-content: space-between;
+                    margin-top: -23%;
+                    pointer-events: none;
+                  "
+                >
+                  <div
+                    style="pointer-events: auto; width: 36%"
+                    @click.stop="viewUserInfo(RankingHasTop3[1].userId)"
+                  >
+                    <TopUser
+                      :isTopOne="false"
+                      ranking="2"
+                      :BorderImgUrl="imageUrl('topTwo')"
+                      :avatarUrl="RankingHasTop3[1].avatar"
+                      :name="RankingHasTop3[1].nickname"
+                      :distributionValue="RankingHasTop3[1].quantity"
+                      style="width: 100%"
+                    />
+                  </div>
+
+                  <div
+                    style="pointer-events: auto; width: 36%"
+                    @click.stop="viewUserInfo(RankingHasTop3[2].userId)"
+                  >
+                    <TopUser
+                      :isTopOne="false"
+                      ranking="3"
+                      :BorderImgUrl="imageUrl('topThree')"
+                      :avatarUrl="RankingHasTop3[2].avatar"
+                      :name="RankingHasTop3[2].nickname"
+                      :distributionValue="RankingHasTop3[2].quantity"
+                      style="width: 100%"
+                    />
+                  </div>
                 </div>
               </div>
             </itemCenter>
diff --git a/src/views/Ranking/WeeklyStar/WeeklyStar.vue b/src/views/Ranking/WeeklyStar/WeeklyStar.vue
index 8cc31c7..9125d18 100644
--- a/src/views/Ranking/WeeklyStar/WeeklyStar.vue
+++ b/src/views/Ranking/WeeklyStar/WeeklyStar.vue
@@ -136,25 +136,44 @@
               />
             </div>
             <!-- 第二三 -->
-            <div style="display: flex; justify-content: space-between; margin-top: -20%">
-              <TopUser
-                :isTopOne="false"
-                :BorderImgUrl="imageUrl('topTwo')"
-                :avatarUrl="RankingHasTop3[1].userAvatar"
-                :name="RankingHasTop3[1].userNickname"
-                :distributionValue="RankingHasTop3[1].quantity"
-                style="width: 35%"
-                @click="viewUserInfo(RankingHasTop3[1].userId)"
-              />
-              <TopUser
-                :isTopOne="false"
-                :BorderImgUrl="imageUrl('topThree')"
-                :avatarUrl="RankingHasTop3[2].userAvatar"
-                :name="RankingHasTop3[2].userNickname"
-                :distributionValue="RankingHasTop3[2].quantity"
-                style="width: 35%"
-                @click="viewUserInfo(RankingHasTop3[2].userId)"
-              />
+            <div
+              style="
+                position: relative;
+                z-index: 3;
+
+                display: flex;
+                justify-content: space-between;
+                margin-top: -20%;
+                pointer-events: none;
+              "
+            >
+              <div
+                style="pointer-events: auto; width: 35%"
+                @click.stop="viewUserInfo(RankingHasTop3[1].userId)"
+              >
+                <TopUser
+                  :isTopOne="false"
+                  :BorderImgUrl="imageUrl('topTwo')"
+                  :avatarUrl="RankingHasTop3[1].userAvatar"
+                  :name="RankingHasTop3[1].userNickname"
+                  :distributionValue="RankingHasTop3[1].quantity"
+                  style="width: 100%"
+                />
+              </div>
+
+              <div
+                style="pointer-events: auto; width: 35%"
+                @click.stop="viewUserInfo(RankingHasTop3[2].userId)"
+              >
+                <TopUser
+                  :isTopOne="false"
+                  :BorderImgUrl="imageUrl('topThree')"
+                  :avatarUrl="RankingHasTop3[2].userAvatar"
+                  :name="RankingHasTop3[2].userNickname"
+                  :distributionValue="RankingHasTop3[2].quantity"
+                  style="width: 100%"
+                />
+              </div>
             </div>
           </div>