From 7f38c4ab995e6965689d225f6362ec638df39af8 Mon Sep 17 00:00:00 2001
From: hzj <1304805162@qq.com>
Date: Wed, 22 Apr 2026 19:34:08 +0800
Subject: [PATCH] =?UTF-8?q?chore(=E6=80=BB=E6=8E=92=E8=A1=8C=E6=A6=9C):=20?=
 =?UTF-8?q?=E6=A0=B7=E5=BC=8F=E5=9B=BE=E6=BA=90=E8=B0=83=E6=95=B4?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/Ranking/Overall/Ranking.vue         | 36 ++++++++-----------
 .../Ranking/Overall/components/topUser.vue    | 12 +++----
 2 files changed, 20 insertions(+), 28 deletions(-)

diff --git a/src/views/Ranking/Overall/Ranking.vue b/src/views/Ranking/Overall/Ranking.vue
index 5efa496..24ee2a6 100644
--- a/src/views/Ranking/Overall/Ranking.vue
+++ b/src/views/Ranking/Overall/Ranking.vue
@@ -263,13 +263,7 @@
       </div>
 
       <div
-        style="
-          width: auto;
-          min-width: 0;
-          align-self: stretch;
-          display: flex;
-          align-items: center;
-        "
+        style="width: auto; min-width: 0; align-self: stretch; display: flex; align-items: center"
       >
         <img
           v-smart-img
@@ -303,27 +297,23 @@ import BackgroundLayer from '@/components/BackgroundLayer.vue'
 import itemCenter from '@/components/itemCenter.vue'
 import TopUser from './components/topUser.vue'
 
-const imageUrl = (filename) => getPngUrl('Ranking/OverallTemp/', filename)
+const imageUrl = (filename) => getPngUrl('Ranking/Overall/', filename)
 
 const RANKING_CONFIG = {
   Wealth: {
     labelKey: 'ranking_wealth',
-    activeColor: '#FF9A60',
-    backgroundColor: '#3E1308',
+    activeColor: '#60FF83',
+    backgroundColor: '#242A2A',
     backgroundImage: imageUrl('bgWealth'),
     paramsType: 'GIFTS_SEND',
-    topBorders: [
-      imageUrl('top1-wealth'),
-      imageUrl('top2-wealth'),
-      imageUrl('top3-wealth'),
-    ],
+    topBorders: [imageUrl('top1-wealth'), imageUrl('top2-wealth'), imageUrl('top3-wealth')],
     rankingItemBg: imageUrl('RankingItem-wealth'),
     myRankingBg: imageUrl('myRankingBg-wealth'),
   },
   Charm: {
     labelKey: 'ranking_charm',
-    activeColor: '#60FF83',
-    backgroundColor: '#242A2A',
+    activeColor: '#FF9A60',
+    backgroundColor: '#3E1308',
     backgroundImage: imageUrl('bgCharm'),
     paramsType: 'GIFTS_RECEIVED',
     topBorders: [imageUrl('top1-charm'), imageUrl('top2-charm'), imageUrl('top3-charm')],
@@ -345,7 +335,12 @@ const RANKING_CONFIG = {
 const TIME_TABS = [
   { value: 'Daily', labelKey: 'ranking_daily', paramsDateType: 'DAY', responseKey: 'daily' },
   { value: 'Weekly', labelKey: 'ranking_weekly', paramsDateType: 'WEEK', responseKey: 'weekly' },
-  { value: 'Monthly', labelKey: 'ranking_monthly', paramsDateType: 'MONTH', responseKey: 'monthly' },
+  {
+    value: 'Monthly',
+    labelKey: 'ranking_monthly',
+    paramsDateType: 'MONTH',
+    responseKey: 'monthly',
+  },
 ]
 
 const RANKING_API_MAP = {
@@ -492,10 +487,7 @@ const fetchRanking = async () => {
 }
 
 const fetchMyRanking = async () => {
-  const response = await getMyRanking(
-    currentRankingConfig.value.paramsType,
-    paramsDateType.value,
-  )
+  const response = await getMyRanking(currentRankingConfig.value.paramsType, paramsDateType.value)
 
   myRanking.value = response.status && response.body ? response.body : {}
 }
diff --git a/src/views/Ranking/Overall/components/topUser.vue b/src/views/Ranking/Overall/components/topUser.vue
index 9b6a33a..926d332 100644
--- a/src/views/Ranking/Overall/components/topUser.vue
+++ b/src/views/Ranking/Overall/components/topUser.vue
@@ -123,10 +123,10 @@ const TOP_USER_LAYOUTS = {
   Wealth: {
     1: {
       minHeight: '0vw',
-      avatarBox: { top: '0', height: '90%' },
+      avatarBox: { top: '0', height: '110%' },
       avatarImage: { width: '36%' },
-      name: { bottom: '16%', width: '38%', maxWidth: '38%', height: '7.2%' },
-      value: { bottom: '2%', width: '34%', maxWidth: '34%', height: '10%' },
+      name: { bottom: '14%', width: '30%', height: '7.2%' },
+      value: { bottom: '2%', width: '34%', height: '10%' },
     },
     2: {
       minHeight: '0vw',
@@ -144,10 +144,10 @@ const TOP_USER_LAYOUTS = {
   Charm: {
     1: {
       minHeight: '0vw',
-      avatarBox: { top: '0', height: '110%' },
+      avatarBox: { top: '0', height: '90%' },
       avatarImage: { width: '36%' },
-      name: { bottom: '14%', width: '30%', height: '7.2%' },
-      value: { bottom: '2%', width: '34%', height: '10%' },
+      name: { bottom: '16%', width: '38%', maxWidth: '38%', height: '7.2%' },
+      value: { bottom: '2%', width: '34%', maxWidth: '34%', height: '10%' },
     },
     2: {
       minHeight: '0vw',