From 3b2744826db04ceee5455dfb1b534ec6efbed914 Mon Sep 17 00:00:00 2001
From: hzj <1304805162@qq.com>
Date: Tue, 24 Feb 2026 18:17:10 +0800
Subject: [PATCH] =?UTF-8?q?feat(CP=E6=B4=BB=E5=8A=A8):=20=E6=B7=BB?=
 =?UTF-8?q?=E5=8A=A0=E5=9B=BE=E7=89=87=E6=9C=80=E5=B0=8F=E9=AB=98=E5=BA=A6?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/Ranking/Couple/GamePlay/Gameplay.vue           | 6 ++++--
 .../Ranking/Couple/GamePlay/components/exchange.vue      | 1 +
 src/views/Ranking/Couple/GamePlay/components/lottery.vue | 1 +
 src/views/Ranking/Couple/GamePlay/components/signIn.vue  | 1 +
 .../Ranking/Couple/GamePlay/components/signInItem.vue    | 1 +
 src/views/Ranking/Couple/Ranking.vue                     | 9 ++++++++-
 src/views/Ranking/Couple/index.vue                       | 6 +++++-
 7 files changed, 21 insertions(+), 4 deletions(-)

diff --git a/src/views/Ranking/Couple/GamePlay/Gameplay.vue b/src/views/Ranking/Couple/GamePlay/Gameplay.vue
index 7eecc3f..fdd99a3 100644
--- a/src/views/Ranking/Couple/GamePlay/Gameplay.vue
+++ b/src/views/Ranking/Couple/GamePlay/Gameplay.vue
@@ -3,6 +3,7 @@
     <!-- 栏目按钮 -->
     <div
       style="
+        min-height: 13.33vw;
         width: 100vw;
         padding: 0 4vw;
 
@@ -68,7 +69,7 @@
     </div>
 
     <div style="position: relative">
-      <!-- 中奖历史按钮 -->
+      <!-- 获取历史按钮 -->
       <img
         v-smart-img
         :src="imageUrl('historyBt')"
@@ -77,8 +78,9 @@
         @click="showDrawRecord"
       />
 
+      <!-- 当前水晶和碎片量 -->
       <itemCenter
-        style="position: relative; z-index: 1"
+        style="min-height: 75.78vw; position: relative; z-index: 1"
         :imgUrl="imageUrl(getImgName('myPropsBg'))"
         :contentStyle="`inset: 28vw 17vw 25vw;justify-content:space-between;`"
       >
diff --git a/src/views/Ranking/Couple/GamePlay/components/exchange.vue b/src/views/Ranking/Couple/GamePlay/components/exchange.vue
index aec698a..6c937b9 100644
--- a/src/views/Ranking/Couple/GamePlay/components/exchange.vue
+++ b/src/views/Ranking/Couple/GamePlay/components/exchange.vue
@@ -1,6 +1,7 @@
 <template>
   <div style="padding: 0 4vw; display: grid; grid-template-columns: repeat(3, 1fr); gap: 2vw">
     <itemCenter
+      style="min-height: 35.3vw"
       v-for="item in goodsList"
       :key="item.id"
       :imgUrl="imageUrl('goodsItem')"
diff --git a/src/views/Ranking/Couple/GamePlay/components/lottery.vue b/src/views/Ranking/Couple/GamePlay/components/lottery.vue
index 0abf83a..10a1464 100644
--- a/src/views/Ranking/Couple/GamePlay/components/lottery.vue
+++ b/src/views/Ranking/Couple/GamePlay/components/lottery.vue
@@ -1,6 +1,7 @@
 <template>
   <div>
     <itemCenter
+      style="min-height: 181.6vw"
       :imgUrl="imageUrl('lotteryBg')"
       :contentStyle="`flex-direction: column;justify-content: flex-start;gap: 5vw`"
     >
diff --git a/src/views/Ranking/Couple/GamePlay/components/signIn.vue b/src/views/Ranking/Couple/GamePlay/components/signIn.vue
index d6ccc6f..1cfc485 100644
--- a/src/views/Ranking/Couple/GamePlay/components/signIn.vue
+++ b/src/views/Ranking/Couple/GamePlay/components/signIn.vue
@@ -2,6 +2,7 @@
   <div>
     <!-- 规则&倒计时 -->
     <itemCenter
+      style="min-height: 126.7vw"
       :imgUrl="imageUrl(getImgName('checkInRule'))"
       :contentStyle="`inset: 8vw 28vw 105vw;`"
     >
diff --git a/src/views/Ranking/Couple/GamePlay/components/signInItem.vue b/src/views/Ranking/Couple/GamePlay/components/signInItem.vue
index 2fca0c7..22107a9 100644
--- a/src/views/Ranking/Couple/GamePlay/components/signInItem.vue
+++ b/src/views/Ranking/Couple/GamePlay/components/signInItem.vue
@@ -1,6 +1,7 @@
 <template>
   <div style="width: 100%; position: relative">
     <itemCenter
+      style="min-height: 28vw"
       :imgUrl="imageUrl('rewardBg')"
       :flip="true"
       :contentStyle="`inset: 4vw 6vw 10vw;`"
diff --git a/src/views/Ranking/Couple/Ranking.vue b/src/views/Ranking/Couple/Ranking.vue
index c38f0b4..13d07ef 100644
--- a/src/views/Ranking/Couple/Ranking.vue
+++ b/src/views/Ranking/Couple/Ranking.vue
@@ -3,6 +3,7 @@
     <!-- 栏目按钮 -->
     <div
       style="
+        min-height: 18.54vw;
         width: 100vw;
         padding: 0 4vw;
 
@@ -49,7 +50,11 @@
       </div>
     </div>
 
-    <itemCenter :imgUrl="imageUrl(`timeBg`)" :contentStyle="`inset:0 0 4vw;`">
+    <itemCenter
+      style="min-height: 31.33vw"
+      :imgUrl="imageUrl(`timeBg`)"
+      :contentStyle="`inset:0 0 4vw;`"
+    >
       <div v-show="weeklyShow" style="display: flex; justify-content: center; align-items: center">
         <div class="timeBox">
           <div class="timeText" style="">{{ WDays }}D</div>
@@ -93,6 +98,7 @@
       <!-- 前三名 -->
       <div style="margin-top: 2vw; display: flex; flex-direction: column; gap: 2vw">
         <TopUser
+          :style="{ minHeight: index == 0 ? '58.51vw' : '39.07vw' }"
           v-for="(value, index) in 3"
           :ranking="index + 1 + ''"
           :rankingItem="RankingHasTop3[index] || {}"
@@ -102,6 +108,7 @@
 
       <!-- 从第4名开始 -->
       <itemCenter
+        style="min-height: 25.92vw"
         v-for="item in showRanking"
         :imgUrl="imageUrl(`rankingItemBg`)"
         :flip="true"
diff --git a/src/views/Ranking/Couple/index.vue b/src/views/Ranking/Couple/index.vue
index 9229f27..a098f81 100644
--- a/src/views/Ranking/Couple/index.vue
+++ b/src/views/Ranking/Couple/index.vue
@@ -27,7 +27,9 @@
         ></Barrage>
 
         <!-- 情书模块按钮 -->
-        <div style="display: flex; justify-content: center; align-items: center">
+        <div
+          style="min-height: 68.2vw; display: flex; justify-content: center; align-items: center"
+        >
           <img
             v-smart-img
             :src="imageUrl(getImgName('letterBg'))"
@@ -39,6 +41,7 @@
 
         <!-- 历史榜首 -->
         <itemCenter
+          style="min-height: 104.83vw"
           :imgUrl="imageUrl(getImgName('historyTopBg'))"
           :contentStyle="`inset: 30vw 9vw 27vw;flex-direction: column;gap:2vw`"
         >
@@ -172,6 +175,7 @@
         <!-- 栏目按钮 -->
         <div
           style="
+            min-height: 31.18vw;
             width: 100vw;
             padding: 0 10vw;