From bd8d46799106cc6c0dd04f9b6d310c806235fc47 Mon Sep 17 00:00:00 2001
From: hzj <1304805162@qq.com>
Date: Mon, 19 Jan 2026 19:28:56 +0800
Subject: [PATCH] =?UTF-8?q?feat(cp=E6=8E=92=E8=A1=8C=E6=A6=9C):=20?=
 =?UTF-8?q?=E8=A1=A5=E5=85=85=E5=8E=86=E5=8F=B2=E6=A6=9C=E9=A6=96=E5=92=8C?=
 =?UTF-8?q?=E6=88=91=E7=9A=84=E6=8E=92=E5=90=8D?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/Ranking/Couple/index.vue | 75 ++++++++++++++++++++----------
 1 file changed, 50 insertions(+), 25 deletions(-)

diff --git a/src/views/Ranking/Couple/index.vue b/src/views/Ranking/Couple/index.vue
index bb4c273..546012f 100644
--- a/src/views/Ranking/Couple/index.vue
+++ b/src/views/Ranking/Couple/index.vue
@@ -36,7 +36,7 @@
         <!-- 历史榜首 -->
         <itemCenter
           :imgUrl="imageUrl(getImgName('historyTopBg'))"
-          :contentStyle="`inset: 30vw 9vw 27vw;`"
+          :contentStyle="`inset: 30vw 9vw 27vw;flex-direction: column;`"
         >
           <div
             style="width: 100%; display: flex; justify-content: space-between; align-items: center"
@@ -62,12 +62,11 @@
               />
             </div>
             <!-- 奖品 -->
-            <img
-              :src="result[resultShowIndex]?.prize?.prizeImage"
-              alt=""
-              width="50%"
-              style="display: block"
-            />
+            <itemCenter
+              style="width: 60%"
+              :imgUrl="imageUrl('topCoupleFrame')"
+              :contentStyle="``"
+            ></itemCenter>
             <!-- 下一个奖品 -->
             <div
               style="
@@ -91,21 +90,26 @@
           </div>
 
           <!-- 奖品说明 -->
-          <div
-            style="
-              width: 100%;
-              height: 5vw;
-              text-align: center;
-              font-size: 0.9em;
-              font-weight: 590;
-              background: linear-gradient(0deg, #f3b700 0%, #ffeec6 100%);
-              background-clip: text;
-              -webkit-background-clip: text;
-              -webkit-text-fill-color: transparent;
-              position: relative;
-            "
-          >
-            You Get {{ result[resultShowIndex]?.prize?.prizeName }}
+          <div style="display: flex; justify-content: center; align-items: center">
+            <div
+              style="
+                border-radius: 15.894px;
+                border: 1.325px solid #fff6e0;
+                background: linear-gradient(270deg, #ffcc46 0.03%, #ffdb7b 99.97%);
+                box-shadow:
+                  0 -2.649px 3.974px 0 rgba(255, 241, 205, 0.48) inset,
+                  0 5.298px 7.947px 0 #fff1cd inset;
+
+                display: flex;
+                flex-direction: column;
+                justify-content: center;
+                align-items: center;
+                padding: 2vw 4vw;
+              "
+            >
+              <div style="font-size: 1.5em; color: #fe649b; font-weight: 700">Season1</div>
+              <div style="color: #fe649b; font-weight: 700">2026.1.20-2.18</div>
+            </div>
           </div>
         </itemCenter>
 
@@ -173,7 +177,6 @@
         <!-- 有伴侣和排名 -->
         <itemCenter
           v-if="myRanking?.cpUserId != ''"
-          style="position: fixed; bottom: 0; z-index: 2"
           :imgUrl="imageUrl('myRankingBg')"
           :contentStyle="`padding: 0 5%;justify-content: flex-start;`"
         >
@@ -280,9 +283,30 @@
               linear-gradient(303deg, rgba(255, 255, 255, 0) 0%, #ff4656 91.85%),
               linear-gradient(292deg, #ff3bc4 0%, rgba(255, 255, 255, 0) 100.5%), #fff;
 
-            padding: 24px 12px 0 12px;
+            padding: 24px 12px 24px 12px;
+
+            display: flex;
+            justify-content: center;
+            align-items: center;
+            gap: 2vw;
           "
-        ></div>
+        >
+          <div style="font-size: 0.8em; font-weight: 700; color: #fff">
+            You are currently not in a relationship.
+          </div>
+          <div
+            style="
+              font-size: 0.8em;
+              color: #e14f69;
+              font-weight: 700;
+              box-sizing: border-box;
+              border-bottom: 1px solid #e14f69;
+            "
+            @click="viewUserInfo(getUserId())"
+          >
+            Go add CP
+          </div>
+        </div>
       </div>
 
       <!-- 弹窗遮罩层 -->
@@ -1194,6 +1218,7 @@ import Barrage from './components/Barrage.vue'
 import BackgroundLayer from '@/components/BackgroundLayer.vue'
 import itemCenter from '@/components/itemCenter.vue'
 import maskLayer from '@/components/MaskLayer.vue'
+import { get } from '@/utils/http'
 
 const { t } = useI18n()
 const router = useRouter()