feat(活动和排行版): 修复前三名模块的点击遮挡问题

src/views/Activities/Game/index.vue

@@ -112,7 +112,21 @@
                   />
                 </div>
                 <!-- 第二三 -->
-                <div style="display: flex; justify-content: space-between; margin-top: -30%">
+                <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"
@@ -120,9 +134,14 @@
                       :avatarUrl="RankingHasTop3[1].avatar"
                       :name="RankingHasTop3[1].nickname"
                       :distributionValue="RankingHasTop3[1].quantity"
-                    style="width: 34%"
+                      style="width: 100%"
-                    @click="viewUserInfo(RankingHasTop3[1].userId)"
                     />
+                  </div>
+
+                  <div
+                    style="pointer-events: auto; width: 34%"
+                    @click.stop="viewUserInfo(RankingHasTop3[2].userId)"
+                  >
                     <TopUser
                       :isTopOne="false"
                       ranking="3"
@@ -130,11 +149,11 @@
                       :avatarUrl="RankingHasTop3[2].avatar"
                       :name="RankingHasTop3[2].nickname"
                       :distributionValue="RankingHasTop3[2].quantity"
-                    style="width: 34%"
+                      style="width: 100%"
-                    @click="viewUserInfo(RankingHasTop3[2].userId)"
                     />
                   </div>
                 </div>
+              </div>
             </itemCenter>
 
             <!-- 第四名开始 -->

src/views/Activities/LuckyChampion/index.vue

@@ -121,7 +121,21 @@
                   />
                 </div>
                 <!-- 第二三 -->
-                <div style="display: flex; justify-content: space-between; margin-top: -23%">
+                <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"
@@ -129,9 +143,14 @@
                       :avatarUrl="RankingHasTop3[1].avatar"
                       :name="RankingHasTop3[1].nickname"
                       :distributionValue="RankingHasTop3[1].quantity"
-                    style="width: 36%"
+                      style="width: 100%"
-                    @click="viewUserInfo(RankingHasTop3[1].userId)"
                     />
+                  </div>
+
+                  <div
+                    style="pointer-events: auto; width: 36%"
+                    @click.stop="viewUserInfo(RankingHasTop3[2].userId)"
+                  >
                     <TopUser
                       :isTopOne="false"
                       ranking="3"
@@ -139,11 +158,11 @@
                       :avatarUrl="RankingHasTop3[2].avatar"
                       :name="RankingHasTop3[2].nickname"
                       :distributionValue="RankingHasTop3[2].quantity"
-                    style="width: 36%"
+                      style="width: 100%"
-                    @click="viewUserInfo(RankingHasTop3[2].userId)"
                     />
                   </div>
                 </div>
+              </div>
             </itemCenter>
 
             <!-- 第四名开始 -->

src/views/Ranking/WeeklyStar/WeeklyStar.vue

@@ -136,27 +136,46 @@
               />
             </div>
             <!-- 第二三 -->
-            <div style="display: flex; justify-content: space-between; margin-top: -20%">
+            <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: 35%"
+                  style="width: 100%"
-                @click="viewUserInfo(RankingHasTop3[1].userId)"
                 />
+              </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: 35%"
+                  style="width: 100%"
-                @click="viewUserInfo(RankingHasTop3[2].userId)"
                 />
               </div>
             </div>
+          </div>
 
           <!-- 第四名开始 -->
           <itemCenter