chore(总排行榜): 新增阿语翻译

src/locales/ar.json

@@ -345,5 +345,13 @@
   "working_days_desc": "أيام العمل (يتم احتساب ساعتين كيوم واحد):",
   "new_bd_leaders_bound": "قادة BD مربوطون جدد:",
   "new_bds_bound": "BD مربوطون جدد:",
-  "new_agencies_bound": "وكالات مربوطة جديدة:"
+  "new_agencies_bound": "وكالات مربوطة جديدة:",
+
+  "ranking_wealth": "الثروة",
+  "ranking_charm": "السحر",
+  "ranking_room": "الغرفة",
+  "ranking_daily": "اليومي",
+  "ranking_weekly": "الأسبوعي",
+  "ranking_monthly": "الشهري",
+  "ranking_hourly": "بالساعة"
 }

src/locales/en.json

@@ -345,5 +345,13 @@
   "working_days_desc": "Working days (2 hours counted as one day):",
   "new_bd_leaders_bound": "New BD Leaders bound:",
   "new_bds_bound": "New BDs bound:",
-  "new_agencies_bound": "New agencies bound:"
+  "new_agencies_bound": "New agencies bound:",
+
+  "ranking_wealth": "Wealth",
+  "ranking_charm": "Charm",
+  "ranking_room": "Room",
+  "ranking_daily": "Daily",
+  "ranking_weekly": "Weekly",
+  "ranking_monthly": "Monthly",
+  "ranking_hourly": "Hourly"
 }

src/locales/zh.json

@@ -345,5 +345,13 @@
   "working_days_desc": "工作天数（每2小时计为1天）：",
   "new_bd_leaders_bound": "新绑定BD主管：",
   "new_bds_bound": "新绑定BD：",
-  "new_agencies_bound": "新绑定代理："
+  "new_agencies_bound": "新绑定代理：",
+
+  "ranking_wealth": "财富",
+  "ranking_charm": "魅力",
+  "ranking_room": "房间",
+  "ranking_daily": "日榜",
+  "ranking_weekly": "周榜",
+  "ranking_monthly": "月榜",
+  "ranking_hourly": "小时榜"
 }

src/main.js

@@ -38,7 +38,6 @@ const langStore = useLangStore() // 直接使用 import 的函数
 const RankingPage = [
   '/top-list', //排行榜
   '/weekly-star', //每周明星
-  '/ranking', //总排行榜
 ]
 
 // 活动页面

src/views/Ranking/Overall/Ranking.vue

@@ -54,7 +54,7 @@
               style=""
               :style="{ color: rankingType == 'Wealth' ? '#FFB760' : '#fff' }"
             >
-              Wealth
+              {{ t('ranking_wealth') }}
             </div>
             <div
               class="tab"
@@ -62,7 +62,7 @@
               style=""
               :style="{ color: rankingType == 'Charm' ? '#60FF83' : '#fff' }"
             >
-              Charm
+              {{ t('ranking_charm') }}
             </div>
             <div
               class="tab"
@@ -70,7 +70,7 @@
               style=""
               :style="{ color: rankingType == 'Room' ? '#9B60FF' : '#fff' }"
             >
-              Room
+              {{ t('ranking_room') }}
             </div>
 
             <!-- 推出键 -->
@@ -93,8 +93,8 @@
             border-radius: 32px;
             backdrop-filter: blur(32px);
 
-            display: flex;
+            display: grid;
-            justify-content: space-between;
+            grid-template-columns: repeat(3, 1fr);
           "
           :style="{ border, background }"
         >
@@ -103,28 +103,36 @@
           :class="{ tagActive: selectedTimeTab == 'Hourly' }"
           @click="changeDateType('Hourly')"
         >
-          Hourly
+          {{ t('ranking_hourly') }}
         </div> -->
-          <div
+          <div class="tabItem">
-            class="tag"
+            <div
-            :class="{ tagActive: selectedTimeTab == 'Daily' }"
+              class="tag"
-            @click="changeDateType('Daily')"
+              :class="{ tagActive: selectedTimeTab == 'Daily' }"
-          >
+              @click="changeDateType('Daily')"
-            Daily
+            >
+              {{ t('ranking_daily') }}
+            </div>
           </div>
-          <div
+
-            class="tag"
+          <div class="tabItem">
-            :class="{ tagActive: selectedTimeTab == 'Weekly' }"
+            <div
-            @click="changeDateType('Weekly')"
+              class="tag"
-          >
+              :class="{ tagActive: selectedTimeTab == 'Weekly' }"
-            Weekly
+              @click="changeDateType('Weekly')"
+            >
+              {{ t('ranking_weekly') }}
+            </div>
           </div>
-          <div
+
-            class="tag"
+          <div class="tabItem">
-            :class="{ tagActive: selectedTimeTab == 'Monthly' }"
+            <div
-            @click="changeDateType('Monthly')"
+              class="tag"
-          >
+              :class="{ tagActive: selectedTimeTab == 'Monthly' }"
-            Monthly
+              @click="changeDateType('Monthly')"
+            >
+              {{ t('ranking_monthly') }}
+            </div>
           </div>
         </div>
       </div>
@@ -170,14 +178,13 @@
         </div>
 
         <!-- 第四名开始 -->
-        <div style="margin: 3% 10px 0">
+        <div style="margin: 3% 10px 0; display: grid; gap: 2vw">
           <div
             v-for="(userInfo, index) in RankingFromTop4"
             :key="userInfo.id"
             style="
               border-radius: 12px;
               backdrop-filter: blur(32px);
-              margin: 5px 0;
               padding: 3%;
 
               display: flex;
@@ -191,18 +198,31 @@
             <!-- 基本信息 -->
             <div
               style="
-                width: 75%;
+                flex: 1;
                 min-width: 0;
+                align-self: stretch;
+
                 display: flex;
                 justify-content: space-around;
                 align-items: center;
-                gap: 4px;
+                gap: 8px;
               "
             >
               <!-- 排名 -->
-              <div style="width: 10%; display: flex; justify-content: center; align-items: center">
+              <div
+                style="
+                  width: auto;
+                  min-width: 0;
+                  align-self: stretch;
+
+                  display: flex;
+                  justify-content: center;
+                  align-items: center;
+                "
+              >
                 <div style="font-weight: 700">{{ index + 4 }}</div>
               </div>
+
               <!-- 头像 -->
               <img
                 v-smart-img
@@ -210,7 +230,7 @@
                 alt=""
                 style="
                   display: block;
-                  width: 15%;
+                  width: 3em;
                   aspect-ratio: 1/1;
                   border-radius: 50%;
                   object-fit: cover;
@@ -218,10 +238,13 @@
                 :style="{ borderRadius: rankingType === 'Room' ? '10%' : '50%' }"
                 @error="handleAvatarImageError"
               />
+
+              <!-- 名称 -->
               <div
                 style="
+                  flex: 1;
                   min-width: 0;
-                  width: calc(100% - 10% - 15% - 8px);
+
                   font-weight: 700;
                   overflow: hidden;
                   white-space: nowrap;
@@ -233,12 +256,21 @@
             </div>
 
             <!-- 贡献值 -->
-            <div style="flex: 1; min-width: 0; display: flex; align-items: center; width: 30%">
+            <div
+              style="
+                width: auto;
+                min-width: 0;
+                align-self: stretch;
+
+                display: flex;
+                align-items: center;
+              "
+            >
               <img
                 v-smart-img
                 src="/src/assets/icon/coin.png"
                 alt=""
-                style="display: block; width: 25%; aspect-ratio: 1/1"
+                style="display: block; width: 1.3em; aspect-ratio: 1/1"
               />
               <div style="font-weight: 500; color: rgba(248, 182, 45, 1)">
                 {{ userInfo.quantityFormat }}
@@ -333,6 +365,7 @@
 <script setup>
 import { computed, onMounted, ref, watch, watchEffect } from 'vue'
 import { useRoute } from 'vue-router'
+import { useI18n } from 'vue-i18n'
 import { isInApp, closePage, viewUserInfo, gotoRoom } from '@/utils/appBridge.js'
 import { connectToApp } from '@/utils/appConnector.js'
 import { preloadImages } from '@/utils/imagePreloader'
@@ -344,6 +377,7 @@ import { getWealthRanking, getCharmRanking, getRoomRanking, getMyRanking } from
 import TopUser from './components/topUser.vue'
 
 const route = useRoute()
+const { t, locale } = useI18n()
 
 // 获取OSS图片URL的函数
 const imageUrl = (filename) => getPngUrl('Ranking/Overall/', filename)
@@ -464,6 +498,7 @@ const RankingTop3 = computed(() => {
 // 从第四名开始榜单
 const RankingFromTop4 = computed(() => {
   return showRanking.value.filter((_, index) => index >= 3)
+  // return []
 })
 
 // 动态样式
@@ -621,9 +656,15 @@ onMounted(() => {
   font-size: 1em;
 }
 
+.tabItem {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+}
+
 .tag {
   font-weight: 510;
-  padding: 4px 4%;
+  padding: 4px 10%;
 }
 
 .tagActive {

src/views/Ranking/Overall/components/topUser.vue

@@ -68,14 +68,20 @@
         <div style="width: 60%; position: relative">
           <img v-smart-img :src="coinNumBgUrl" alt="" width="100%" style="display: block" />
           <div
-            style="position: absolute; inset: 0; display: flex; align-items: center; padding: 3% 5%"
+            style="
+              position: absolute;
+              inset: 0;
+              display: flex;
+              justify-content: center;
+              align-items: center;
+              padding: 3% 5%;
+            "
           >
             <img
               v-smart-img
               src="/src/assets/icon/coin.png"
               alt=""
-              width="25%"
+              style="display: block; width: 1.3em"
-              style="display: block"
             />
             <div
               style="