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

2025-12-10 16:30:16 +08:00 · 2025-12-10 16:30:16 +08:00 · c095d7885a
commit c095d7885a
parent dad3accdcb
6 changed files with 111 additions and 41 deletions
--- a/src/locales/ar.json
+++ b/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": "بالساعة"
 }
--- a/src/locales/en.json
+++ b/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"
 }
--- a/src/locales/zh.json
+++ b/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": "小时榜"
 }
--- a/src/main.js
+++ b/src/main.js
@ -38,7 +38,6 @@ const langStore = useLangStore() // 直接使用 import 的函数
 const RankingPage = [
  '/top-list', //排行榜
  '/weekly-star', //每周明星
-  '/ranking', //总排行榜
 ]

 // 活动页面
--- a/src/views/Ranking/Overall/Ranking.vue
+++ b/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;
-            justify-content: space-between;
+            display: grid;
+            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
-            class="tag"
-            :class="{ tagActive: selectedTimeTab == 'Daily' }"
-            @click="changeDateType('Daily')"
-          >
-            Daily
+          <div class="tabItem">
+            <div
+              class="tag"
+              :class="{ tagActive: selectedTimeTab == 'Daily' }"
+              @click="changeDateType('Daily')"
+            >
+              {{ t('ranking_daily') }}
+            </div>
          </div>
-          <div
-            class="tag"
-            :class="{ tagActive: selectedTimeTab == 'Weekly' }"
-            @click="changeDateType('Weekly')"
-          >
-            Weekly
+
+          <div class="tabItem">
+            <div
+              class="tag"
+              :class="{ tagActive: selectedTimeTab == 'Weekly' }"
+              @click="changeDateType('Weekly')"
+            >
+              {{ t('ranking_weekly') }}
+            </div>
          </div>
-          <div
-            class="tag"
-            :class="{ tagActive: selectedTimeTab == 'Monthly' }"
-            @click="changeDateType('Monthly')"
-          >
-            Monthly
+
+          <div class="tabItem">
+            <div
+              class="tag"
+              :class="{ tagActive: selectedTimeTab == '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 {
--- a/src/views/Ranking/Overall/components/topUser.vue
+++ b/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"
+              style="display: block; width: 1.3em"
            />
            <div
              style="