From ab60d253de1392542cceaa4f656c7ad77da15d3e Mon Sep 17 00:00:00 2001
From: ZF sun <34314687@qq.com>
Date: Thu, 13 Nov 2025 16:03:56 +0800
Subject: [PATCH] =?UTF-8?q?chore:=20=E5=AE=9E=E7=8E=B0=E6=94=AF=E6=8C=81?=
 =?UTF-8?q?=E5=AE=9A=E5=88=B6=E6=88=98=E5=8C=BA=E5=86=A0=E5=86=9B=E5=8F=8A?=
 =?UTF-8?q?=E8=8B=B1=E9=9B=84=E5=85=B3=E9=94=AELogo=E7=9A=84=E5=A4=A7?=
 =?UTF-8?q?=E5=B0=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 data/config.json            |  4 +++-
 src/views/AdminPanel.vue    | 28 +++++++++++++++++++++++++++-
 src/views/BattleRanking.vue | 28 ++++++++++++++++++++--------
 3 files changed, 50 insertions(+), 10 deletions(-)

diff --git a/data/config.json b/data/config.json
index bfb95bd..846e4d5 100644
--- a/data/config.json
+++ b/data/config.json
@@ -387,7 +387,9 @@
     },
     "championLogos": {
       "teamChampion": "",
-      "individualChampion": ""
+      "individualChampion": "",
+      "teamChampionSize": 120,
+      "individualChampionSize": 120
     }
   },
   "battleEndTime": {
diff --git a/src/views/AdminPanel.vue b/src/views/AdminPanel.vue
index 83e816e..cc8d5a7 100644
--- a/src/views/AdminPanel.vue
+++ b/src/views/AdminPanel.vue
@@ -386,6 +386,18 @@
                   清除Logo
                 </button>
               </div>
+              <div class="size-control">
+                <label class="text-gold">显示大小：</label>
+                <input 
+                  type="number" 
+                  v-model.number="championLogos.teamChampionSize" 
+                  min="30" 
+                  max="200" 
+                  class="width-input"
+                  placeholder="输入大小（像素）"
+                >
+                <span class="size-unit">px</span>
+              </div>
               <p class="upload-hint">支持JPG、PNG、GIF格式，建议尺寸200x200像素，文件大小不超过5MB</p>
             </div>
           </div>
@@ -407,6 +419,18 @@
                   清除Logo
                 </button>
               </div>
+              <div class="size-control">
+                <label class="text-gold">显示大小：</label>
+                <input 
+                  type="number" 
+                  v-model.number="championLogos.individualChampionSize" 
+                  min="30" 
+                  max="200" 
+                  class="width-input"
+                  placeholder="输入大小（像素）"
+                >
+                <span class="size-unit">px</span>
+              </div>
               <p class="upload-hint">支持JPG、PNG、GIF格式，建议尺寸200x200像素，文件大小不超过5MB</p>
             </div>
           </div>
@@ -828,7 +852,9 @@ const tabs = [
 // 冠军Logo配置
 const championLogos = ref({
   teamChampion: '',
-  individualChampion: ''
+  individualChampion: '',
+  teamChampionSize: 60, // 默认60px
+  individualChampionSize: 60 // 默认60px
 });
 
 // 组件挂载时初始化冠军Logo配置
diff --git a/src/views/BattleRanking.vue b/src/views/BattleRanking.vue
index dfddb9a..5296f8a 100644
--- a/src/views/BattleRanking.vue
+++ b/src/views/BattleRanking.vue
@@ -55,8 +55,12 @@
           <!-- 战区冠军 -->
           <div class="team-champion">
             <div class="team-logo">
-              <img v-if="localDisplayConfig.championLogos?.teamChampion" :src="localDisplayConfig.championLogos.teamChampion" alt="战区冠军" class="champion-logo">
-              <span v-else>🏅</span>
+              <img v-if="localDisplayConfig.championLogos?.teamChampion" 
+                   :src="localDisplayConfig.championLogos.teamChampion" 
+                   alt="战区冠军" 
+                   class="champion-logo"
+                   :style="{ width: localDisplayConfig.championLogos?.teamChampionSize + 'px', height: localDisplayConfig.championLogos?.teamChampionSize + 'px' }">
+              <span v-else :style="{ fontSize: localDisplayConfig.championLogos?.teamChampionSize ? (localDisplayConfig.championLogos.teamChampionSize * 0.8) + 'px' : '2rem' }">🏅</span>
             </div>
             <div class="champion-name">
               {{ teamRankings[0]?.name || '暂无冠军' }}
@@ -99,9 +103,19 @@
           <!-- 英雄冠军 -->
           <div class="individual-champion">
             <div class="individual-avatar">
-              <img v-if="individualRankings[0]?.avatar && individualRankings[0].avatar.startsWith('/')" :src="individualRankings[0].avatar" alt="冠军头像" class="avatar-image avatar-image-champion">
-              <img v-else-if="localDisplayConfig.championLogos?.individualChampion" :src="localDisplayConfig.championLogos.individualChampion" alt="英雄冠军" class="champion-logo">
-              <span v-else>{{ individualRankings[0]?.avatar || '👤' }}</span>
+              <img v-if="individualRankings[0]?.avatar && individualRankings[0].avatar.startsWith('/')" 
+                   :src="individualRankings[0].avatar" 
+                   alt="冠军头像" 
+                   class="avatar-image avatar-image-champion"
+                   :style="{ width: localDisplayConfig.championLogos?.individualChampionSize + 'px', height: localDisplayConfig.championLogos?.individualChampionSize + 'px' }">
+              <img v-else-if="localDisplayConfig.championLogos?.individualChampion" 
+                   :src="localDisplayConfig.championLogos.individualChampion" 
+                   alt="英雄冠军" 
+                   class="champion-logo"
+                   :style="{ width: localDisplayConfig.championLogos?.individualChampionSize + 'px', height: localDisplayConfig.championLogos?.individualChampionSize + 'px' }">
+              <span v-else :style="{ fontSize: localDisplayConfig.championLogos?.individualChampionSize ? (localDisplayConfig.championLogos.individualChampionSize * 0.8) + 'px' : '2rem' }">
+                {{ individualRankings[0]?.avatar || '👤' }}
+              </span>
             </div>
             <div class="champion-name">
               {{ individualRankings[0]?.name || '暂无冠军' }}
@@ -858,7 +872,7 @@ onUnmounted(() => {
 <style lang="scss" scoped>
 
 .avatar-image-champion {
-  width: 120px;
+  object-fit: contain;
 }
 
 /* 冠军模块样式 */
@@ -894,8 +908,6 @@ onUnmounted(() => {
 }
 
 .champion-logo {
-  width: 60px;
-  height: 60px;
   object-fit: contain;
 }