From ecb368bbb2f34b03de3ab144c18f10bd24c947f8 Mon Sep 17 00:00:00 2001 From: jinhhanhan <1683105490@qq.com> Date: Tue, 25 Nov 2025 17:09:55 +0800 Subject: [PATCH] =?UTF-8?q?chore=EF=BC=9A=E6=88=98=E5=8C=BA=E6=8E=92?= =?UTF-8?q?=E5=90=8D=E5=92=8C=E8=8B=B1=E9=9B=84=E6=A6=9C=E6=8E=92=E5=90=8D?= =?UTF-8?q?=E5=AF=B9=E9=BD=90=EF=BC=8C=E6=94=B9=E5=8F=98=E8=99=8E=E7=8B=BC?= =?UTF-8?q?=E4=B9=8B=E5=B8=88=E8=8B=B1=E9=9B=84=E6=A6=9C=E6=80=BB=E6=88=98?= =?UTF-8?q?=E7=BB=A9=E9=87=91=E9=A2=9D=E5=A4=A7=E5=B0=8F?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/views/BattleRanking.vue | 56 ++++++++++++++++++++++++++++++++++++- 1 file changed, 55 insertions(+), 1 deletion(-) diff --git a/src/views/BattleRanking.vue b/src/views/BattleRanking.vue index cfbcfe2..7b4e75e 100644 --- a/src/views/BattleRanking.vue +++ b/src/views/BattleRanking.vue @@ -1136,11 +1136,43 @@ onUnmounted(() => { transform: translateY(0px) rotate(0deg); } } +.team-rankings-propagation-image { + width: 360px; + height: auto; + max-width: 100%; +} + +.individual-rankings-propagation-image { + width: 360px; + height: auto; + max-width: 100%; +} +.avatar-image-champion { + object-fit: cover; + border-radius: 50%; +} .avatar-image-champion { object-fit: cover; border-radius: 50%; } +/* 新增:电脑端「已完成业绩」图片居中 */ +.total-score-total-title { + display: flex; + justify-content: center; /* 水平居中 */ +} +.total-score-total-image { + width: 780px; /* 电脑端图片宽度(可按需调小,比如160px/200px) */ + height: auto; /* 保持宽高比不变形 */ +} +.score-value { + font-size: 10rem; /* 电脑端所有业绩数字大小 */ +} + +.total-score-total-value { + font-size: 10rem; + margin-top: -40px; + } /* 冠军模块样式 */ .champion-section { display: flex; @@ -1778,6 +1810,8 @@ onUnmounted(() => { overflow-y: auto; position: relative; margin-top: 0.8rem; + max-height: 480px; + min-height: 480px; } .table-header { @@ -1945,6 +1979,7 @@ onUnmounted(() => { } .total-score-total-value { + margin-top: -40px; } @@ -1968,7 +2003,7 @@ onUnmounted(() => { flex-direction: row; align-items: center; justify-content: center; - margin-bottom: 20px; + margin-bottom: 100px; gap: 30px; } @@ -2450,4 +2485,23 @@ onUnmounted(() => { transition: transform 0.2s ease; } } +/* ========== 新增的电脑端总业绩样式(放在最底部) ========== */ +/* 电脑端(769px以上)总业绩字体样式 - 不影响移动端 */ +@media (min-width: 769px) { + /* 总战绩大数字(核心修改项) */ + .total-score-total-value { + font-size: 10rem !important; /* 电脑端字体大小(默认10rem,可按需调整) */ + font-weight: 900 !important; /* 字体粗细(加粗) */ + color: #ffd700 !important; /* 字体颜色(金色) */ + text-shadow: 0 0 20px rgba(255, 215, 0, 0.8) !important; /* 发光效果 */ + } + + /* 兜底:确保所有电脑端业绩数值样式统一 */ + .score-value { + font-size: 10rem !important; /* 与总战绩数值保持一致 */ + font-weight: 900 !important; + color:#fff2c4 !important; + text-shadow: 0 0 20px rgba(255, 215, 0, 0.8) !important; + } +} \ No newline at end of file