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

chore：修改英雄榜排名模块大小，虎狼之师和英雄榜字体大小，战绩图片和总战绩字体大小

Browse Source
This commit is contained in:
Zhukj
2025-11-26 18:26:52 +08:00
parent 027e66c37e
commit dbe9c877e0
1 changed files with 13 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

22
src/views/BattleRanking.vue
View File

@@ -45,7 +45,10 @@
<section class="total-score-section card-game">
<div class="total-score-container">
<div class="game-subtitle total-score-total-title">
<img src="/completed_performance.png" alt="总战绩" class="total-score-total-image">
<img src="/completed_performance.png"
alt="总战绩"
style="width: 500px; display: block; margin: 0 auto; height: auto;"
class="total-score-total-image">
</div>
<div class="total-score-content">
<div class="total-score-item">
@@ -63,7 +66,8 @@
<div class="team-rankings">
<!-- 战区排名宣传语 -->
<div class="team-rankings-propagation">
<img src="/team-propagation.png" alt="虎狼之师" class="team-rankings-propagation-image">
<img src="/team-propagation.png" alt="虎狼之师" class="team-rankings-propagation-image"
style="width: 500px; height: auto">
</div>
<!-- 战区冠军 -->
<div class="team-champion">
@@ -119,7 +123,8 @@
<div class="individual-rankings">
<!-- 英雄排名宣传语 -->
<div class="individual-rankings-propagation">
<img src="/individual-propagation.png" alt="虎狼之师" class="individual-rankings-propagation-image">
<img src="/individual-propagation.png" alt="虎狼之师" class="individual-rankings-propagation-image"
style="width: 500px; height: auto">
</div>
<!-- 英雄冠军 -->
<div class="individual-champion">
@@ -209,7 +214,7 @@
</template>
<script setup>
import { ref, onBeforeMount, onMounted, onUnmounted, watch, computed, reactive } from 'vue';
import { ref, onBeforeMount, onMounted, onUnmounted, watch, computed, reactive, proxyRefs } from 'vue';
import { useRouter } from 'vue-router';
import {
individualRankings as importedIndividualRankings,
@@ -1778,6 +1783,7 @@ onUnmounted(() => {
overflow-y: auto;
position: relative;
margin-top: 0.8rem;
max-height: 420px;
}
.table-header {
@@ -1922,9 +1928,7 @@ onUnmounted(() => {
gap: 15px;
}
.total-score-content {
}
.total-score-item {
display: flex;
@@ -1935,7 +1939,7 @@ onUnmounted(() => {
}
.score-value {
font-size: calc(var(--individual-champion-font-size, 2.4rem) * 2);
font-size: calc(var(--individual-champion-font-size, 5rem) * 2);
font-weight: bold;
color: #fff2c4;
text-shadow: 0 0 10px rgba(0, 0, 0, .8), 0 0 20px rgb(16 16 16 / 30%), 1px 1px 2px rgba(0, 0, 0, .8);
@@ -1947,7 +1951,7 @@ onUnmounted(() => {
/* 战区冠军分数特殊样式 */
.team-champion .score-value {
font-size: calc(var(--team-champion-font-size, 1.8rem) * 2);
font-size: calc(var(--team-champion-font-size, 1.8rem) * 4);
text-shadow:
0 0 15px rgba(255, 215, 0, 0.7),
0 0 30px rgba(255, 215, 0, 0.4),