chore(总排行榜): 样式图源调整

src/views/Ranking/Overall/Ranking.vue

@@ -263,13 +263,7 @@
       </div>
 
       <div
-        style="
+        style="width: auto; min-width: 0; align-self: stretch; display: flex; align-items: center"
-          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',
+    activeColor: '#60FF83',
-    backgroundColor: '#3E1308',
+    backgroundColor: '#242A2A',
     backgroundImage: imageUrl('bgWealth'),
     paramsType: 'GIFTS_SEND',
-    topBorders: [
+    topBorders: [imageUrl('top1-wealth'), imageUrl('top2-wealth'), imageUrl('top3-wealth')],
-      imageUrl('top1-wealth'),
-      imageUrl('top2-wealth'),
-      imageUrl('top3-wealth'),
-    ],
     rankingItemBg: imageUrl('RankingItem-wealth'),
     myRankingBg: imageUrl('myRankingBg-wealth'),
   },
   Charm: {
     labelKey: 'ranking_charm',
-    activeColor: '#60FF83',
+    activeColor: '#FF9A60',
-    backgroundColor: '#242A2A',
+    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(
+  const response = await getMyRanking(currentRankingConfig.value.paramsType, paramsDateType.value)
-    currentRankingConfig.value.paramsType,
-    paramsDateType.value,
-  )
 
   myRanking.value = response.status && response.body ? response.body : {}
 }

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%' },
+      name: { bottom: '14%', width: '30%', height: '7.2%' },
-      value: { bottom: '2%', width: '34%', maxWidth: '34%', height: '10%' },
+      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%' },
+      name: { bottom: '16%', width: '38%', maxWidth: '38%', height: '7.2%' },
-      value: { bottom: '2%', width: '34%', height: '10%' },
+      value: { bottom: '2%', width: '34%', maxWidth: '34%', height: '10%' },
     },
     2: {
       minHeight: '0vw',