feat(cp排行榜): 修复第4名开始点击不了跳转的问题

src/views/Ranking/Couple/Ranking.vue

@@ -138,6 +138,29 @@
               position: relative;
             "
           >
+            <!-- 点击事件 -->
+            <div
+              style="
+                position: absolute;
+                z-index: 9;
+                inset: 0;
+                display: flex;
+                justify-content: center;
+                align-items: center;
+              "
+            >
+              <!-- 情侣1 -->
+              <div
+                style="flex: 1; min-width: 0; align-self: stretch"
+                @click="viewUserInfo(item.userId)"
+              ></div>
+              <!-- 情侣2 -->
+              <div
+                style="flex: 1; min-width: 0; align-self: stretch"
+                @click="viewUserInfo(item.cpUserId)"
+              ></div>
+            </div>
+
             <!-- 情侣标志 -->
             <div
               style="
@@ -170,7 +193,6 @@
                 border: 1px solid #fefa9f;
               "
               @error="handleAvatarImageError"
-              @click="viewUserInfo(item.userId)"
             />
             <!-- 情侣2头像 -->
             <img
@@ -187,7 +209,6 @@
                 border: 1px solid #fefa9f;
               "
               @error="handleAvatarImageError"
-              @click="viewUserInfo(item.cpUserId)"
             />
           </div>
         </div>