chore: 支持上传图片及sass语法

src/views/BattleRanking.vue

@@ -55,7 +55,8 @@
           <!-- 战区冠军 -->
           <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>
             </div>
             <div class="champion-name">
               {{ teamRankings[0]?.name || '暂无冠军' }}
@@ -98,7 +99,9 @@
           <!-- 英雄冠军 -->
           <div class="individual-champion">
             <div class="individual-avatar">
-              {{ individualRankings[0]?.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>
             </div>
             <div class="champion-name">
               {{ individualRankings[0]?.name || '暂无冠军' }}
@@ -129,7 +132,10 @@
               }"
             >
               <span class="rank-col">{{ index + 1 }}</span>
-              <span class="avatar-col">{{ item.avatar }}</span>
+              <span class="avatar-col">
+                <img v-if="item.avatar && item.avatar.startsWith('/')" :src="item.avatar" alt="头像" class="avatar-image">
+                <span v-else>{{ item.avatar }}</span>
+              </span>
               <span class="name-col">{{ item.name }}</span>
               <span v-if="localDisplayConfig.individual?.showTeam" class="team-col">{{ item.team || '-' }}</span>
               <span class="score-col">{{ localDisplayConfig.individual?.scoreColumn?.displayStyle === 'amount' ? '¥' + item.score : item.score }}</span>
@@ -849,7 +855,12 @@ onUnmounted(() => {
 });
 </script>
 
-<style scoped>
+<style lang="scss" scoped>
+
+.avatar-image-champion {
+  width: 120px;
+}
+
 /* 冠军模块样式 */
 .champion-section {
   display: flex;
@@ -882,6 +893,19 @@ onUnmounted(() => {
   display: inline-block;
 }
 
+.champion-logo {
+  width: 60px;
+  height: 60px;
+  object-fit: contain;
+}
+
+.avatar-image {
+  width: 30px;
+  height: 30px;
+  object-fit: contain;
+  vertical-align: middle;
+}
+
 .champion-title {
   font-size: 0.9rem;
   color: #999;