feat(游戏王、翻译文件): 添加按钮翻译

src/locales/ar.json

@@ -457,5 +457,10 @@
   "share_invitation_message": "قم بالتنزيل وأدخل رمز الدعوة '{code}' للحصول على هدية بقيمة 100$. اربح مكافآت نقدية ضخمة كل شهر!",
   "my_invitation_code": "رمز الدعوة الخاص بي:",
 
-  "reward_days": "{quantity} يوم"
+  "reward_days": "{quantity} يوم",
+
+  "weekly_rank": "الترتيب الأسبوعي",
+  "daily_rank": "الترتيب اليومي",
+  "weekly_rewards": "المكافآت الأسبوعية",
+  "daily_rewards": "المكافآت اليومية"
 }

src/locales/bn.json

@@ -457,5 +457,10 @@
   "share_invitation_message": "ডাউনলোড করুন এবং '{code}' আমন্ত্রণ কোড লিখে 100$ উপহার প্যাক নিন। প্রতি মাসে বিশাল নগদ পুরস্কার জিতুন!",
   "my_invitation_code": "আমার আমন্ত্রণ কোড:",
 
-  "reward_days": "{quantity} দিন"
+  "reward_days": "{quantity} দিন",
+
+  "weekly_rank": "সাপ্তাহিক র‍্যাঙ্ক",
+  "daily_rank": "দৈনিক র‍্যাঙ্ক",
+  "weekly_rewards": "সাপ্তাহিক পুরস্কার",
+  "daily_rewards": "দৈনিক পুরস্কার"
 }

src/locales/en.json

@@ -457,5 +457,10 @@
   "share_invitation_message": "Download & enter invitation code '{code}' to claim a $100 gift pack. Win massive cash rewards every month!",
   "my_invitation_code": "My Invitation Code:",
 
-  "reward_days": "{quantity} Days"
+  "reward_days": "{quantity} Days",
+
+  "weekly_rank": "Weekly Rank",
+  "daily_rank": "Daily Rank",
+  "weekly_rewards": "Weekly Rewards",
+  "daily_rewards": "Daily Rewards"
 }

src/locales/tr.json

@@ -457,5 +457,10 @@
   "share_invitation_message": "100$ hediye paketi almak için indirin ve '{code}' davet kodunu girin. Her ay büyük nakit ödüller kazanın!",
   "my_invitation_code": "Davet Kodum:",
 
-  "reward_days": "{quantity} Gün"
+  "reward_days": "{quantity} Gün",
+
+  "weekly_rank": "Haftalık Sıralama",
+  "daily_rank": "Günlük Sıralama",
+  "weekly_rewards": "Haftalık Ödüller",
+  "daily_rewards": "Günlük Ödüller"
 }

src/locales/zh.json

@@ -457,5 +457,10 @@
   "share_invitation_message": "下载&填写邀请码'{code}'领取价值 100$礼包，每人每月赢取海量现金奖励",
   "my_invitation_code": "我的邀请码：",
 
-  "reward_days": "{quantity} 天"
+  "reward_days": "{quantity} 天",
+
+  "weekly_rank": "周榜",
+  "daily_rank": "日榜",
+  "weekly_rewards": "周榜奖励",
+  "daily_rewards": "日榜奖励"
 }

src/views/Ranking/GamesKing/index.vue

@@ -257,28 +257,30 @@
             <div style="display: flex; justify-content: space-around; margin-top: 2vw">
               <!-- 周榜模块按钮 -->
               <div style="width: 40%; position: relative" @click="changeRanking('week')">
-                <img
+                <itemCenter
-                  v-smart-img
+                  style="min-height: 8vw"
-                  :src="imageUrl('rankWeeklyBt')"
+                  :imgUrl="imageUrl('BtBg')"
-                  alt=""
+                  :contentStyle="`padding-top: 1vw;`"
                   :class="{
                     'grayscale-container': !weekShow,
                   }"
-                  style="display: block; width: 100%"
+                >
-                />
+                  <div style="font-weight: 700; font-size: 1.3em">{{ t('weekly_rank') }}</div>
+                </itemCenter>
               </div>
 
               <!-- 日榜模块按钮 -->
               <div style="width: 40%; position: relative" @click="changeRanking('daily')">
-                <img
+                <itemCenter
-                  v-smart-img
+                  style="min-height: 8vw"
-                  :src="imageUrl('rankDailyBt')"
+                  :imgUrl="imageUrl('BtBg')"
-                  alt=""
+                  :contentStyle="`padding-top: 1vw;`"
                   :class="{
                     'grayscale-container': !dailyShow,
                   }"
-                  style="display: block; width: 100%"
+                >
-                />
+                  <div style="font-weight: 700; font-size: 1.3em">{{ t('daily_rank') }}</div>
+                </itemCenter>
               </div>
             </div>
 
@@ -642,28 +644,30 @@
             <div style="display: flex; justify-content: space-around; margin-top: 2vw">
               <!-- 周榜奖励模块按钮 -->
               <div style="width: 40%; position: relative" @click="changeRanking('week')">
-                <img
+                <itemCenter
-                  v-smart-img
+                  style="min-height: 8vw"
-                  :src="imageUrl('rewardWeeklyBt')"
+                  :imgUrl="imageUrl('BtBg')"
-                  alt=""
+                  :contentStyle="`padding-top: 1vw;`"
                   :class="{
                     'grayscale-container': !weekShow,
                   }"
-                  style="display: block; width: 100%"
+                >
-                />
+                  <div style="font-weight: 700; font-size: 1.3em">{{ t('weekly_rewards') }}</div>
+                </itemCenter>
               </div>
 
               <!-- 日榜奖励模块按钮 -->
               <div style="width: 40%; position: relative" @click="changeRanking('daily')">
-                <img
+                <itemCenter
-                  v-smart-img
+                  style="min-height: 8vw"
-                  :src="imageUrl('rewardDailyBt')"
+                  :imgUrl="imageUrl('BtBg')"
-                  alt=""
+                  :contentStyle="`padding-top: 1vw;`"
                   :class="{
                     'grayscale-container': !dailyShow,
                   }"
-                  style="display: block; width: 100%"
+                >
-                />
+                  <div style="font-weight: 700; font-size: 1.3em">{{ t('daily_rewards') }}</div>
+                </itemCenter>
               </div>
             </div>
 
@@ -970,6 +974,7 @@ import { preloadImages } from '@/utils/image/imagePreloader.js'
 import { handleAvatarImageError, handleRewardImageError } from '@/utils/image/imageHandler.js'
 import { useGamesKingStore } from '@/stores/gamesKing'
 import { storeToRefs } from 'pinia'
+import { useI18n } from 'vue-i18n'
 
 import {
   getThisWeekRewardsAndGifts, // 获取本周奖励和礼物
@@ -989,6 +994,7 @@ const gamesKingStore = useGamesKingStore()
 // 预加载状态
 const isLoading = ref(true)
 
+const { t, locale } = useI18n()
 const langStore = useLangStore()
 // 当前语言类型
 const currentLangType = computed(() => {