feat(cp排行榜): 补充历史榜首和我的排名

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()