WeWork/vs100
3
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

chore: 实现支持定制战区冠军及英雄关键Logo的大小

Browse Source
This commit is contained in:
ZF Sun
2025-11-13 16:03:56 +08:00
parent 4164ea36ee
commit ab60d253de
3 changed files with 50 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files

28
src/views/BattleRanking.vue
View File

@@ -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;
}