fix(CP页面): 修复星座榜首的移动和个人中心点击事件冲突问题

src/views/Ranking/Couple/index.vue

@@ -74,8 +74,14 @@
                 :style="{ width: index === centerIndex ? '60vw' : '40vw' }"
                 :imgUrl="twelveSigns[index]?.bgUrl"
                 :contentStyle="``"
-                @click="moveToCenter(index)"
               >
+                <!-- 非居中时显示遮罩层用于移动 -->
+                <div
+                  v-if="index !== centerIndex"
+                  style="position: absolute; z-index: 10; inset: 0"
+                  @click="moveToCenter(index)"
+                ></div>
+
                 <!-- 点击事件 -->
                 <div
                   style="
@@ -90,12 +96,12 @@
                   <!-- 情侣1 -->
                   <div
                     style="flex: 1; min-width: 0; align-self: stretch"
-                    @click="viewUserInfo(item.userId)"
+                    @click.stop="viewUserInfo(item.userId)"
                   ></div>
                   <!-- 情侣2 -->
                   <div
                     style="flex: 1; min-width: 0; align-self: stretch"
-                    @click="viewUserInfo(item.cpUserId)"
+                    @click.stop="viewUserInfo(item.cpUserId)"
                   ></div>
                 </div>