Compare commits
2 Commits
xinde
...
7e90289fdd
| Author | SHA1 | Date | |
|---|---|---|---|
| 7e90289fdd | |||
| 2a9153217b |
Binary file not shown.
|
Before Width: | Height: | Size: 38 KiB After Width: | Height: | Size: 253 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 88 KiB After Width: | Height: | Size: 472 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 111 KiB After Width: | Height: | Size: 508 KiB |
40
src/App.vue
40
src/App.vue
@@ -25,7 +25,7 @@
|
|||||||
<!-- 页脚 -->
|
<!-- 页脚 -->
|
||||||
<footer class="game-footer">
|
<footer class="game-footer">
|
||||||
<div class="footer-content">
|
<div class="footer-content">
|
||||||
<p>© 2025-2026 聚上集团 | 云上企. 所有权利保留.</p>
|
<p>© 2025-2026 聚上集团 | 云上企 版权所有.</p>
|
||||||
</div>
|
</div>
|
||||||
</footer>
|
</footer>
|
||||||
</div>
|
</div>
|
||||||
@@ -108,7 +108,28 @@
|
|||||||
|
|
||||||
.footer-content {
|
.footer-content {
|
||||||
font-size: 14px;
|
font-size: 14px;
|
||||||
text-shadow: 1px 1px 10px black;
|
/* 雕刻效果:使用多层text-shadow创建凸起感 */
|
||||||
|
text-shadow:
|
||||||
|
-1px -1px 0 rgba(255, 255, 255, 0.3), /* 高光 - 左上 */
|
||||||
|
1px 1px 0 rgba(0, 0, 0, 0.5), /* 阴影 - 右下 */
|
||||||
|
0 0 5px rgba(17, 17, 17, 0.5); /* 光晕 */
|
||||||
|
/* 背景和内边距 */
|
||||||
|
padding: 8px 16px;
|
||||||
|
border-radius: 4px;
|
||||||
|
|
||||||
|
/* 添加轻微的3D效果 */
|
||||||
|
transform: perspective(1000px) rotateX(0deg);
|
||||||
|
transition: all 0.3s ease;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* 鼠标悬停时增强3D效果 */
|
||||||
|
.footer-content:hover {
|
||||||
|
transform: perspective(1000px) rotateX(2deg) translateY(-2px);
|
||||||
|
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3);
|
||||||
|
text-shadow:
|
||||||
|
-1px -1px 0 rgba(255, 255, 255, 0.4),
|
||||||
|
1px 1px 0 rgba(0, 0, 0, 0.6),
|
||||||
|
0 0 8px rgba(15, 15, 15, 0.7);
|
||||||
}
|
}
|
||||||
|
|
||||||
/* 针对1920x1080分辨率的banner精确定位 */
|
/* 针对1920x1080分辨率的banner精确定位 */
|
||||||
@@ -172,5 +193,20 @@
|
|||||||
.app-logo {
|
.app-logo {
|
||||||
width: 200px; /* 移动设备上设置固定宽度为200px */
|
width: 200px; /* 移动设备上设置固定宽度为200px */
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/* 移动设备上的页脚雕刻效果适配 */
|
||||||
|
.footer-content {
|
||||||
|
font-size: 12px;
|
||||||
|
padding: 6px 12px;
|
||||||
|
text-shadow:
|
||||||
|
-1px -1px 0 rgba(255, 255, 255, 0.2),
|
||||||
|
1px 1px 0 rgba(0, 0, 0, 0.4),
|
||||||
|
0 0 3px rgba(255, 215, 0, 0.4);
|
||||||
|
}
|
||||||
|
|
||||||
|
.footer-content:hover {
|
||||||
|
transform: none; /* 移动设备上禁用悬停效果 */
|
||||||
|
box-shadow: none;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
</style>
|
</style>
|
||||||
|
|||||||
@@ -1329,11 +1329,11 @@ onUnmounted(() => {
|
|||||||
}
|
}
|
||||||
|
|
||||||
.team-rankings-propagation-image {
|
.team-rankings-propagation-image {
|
||||||
width: 320px;
|
width: 220px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.individual-rankings-propagation-image {
|
.individual-rankings-propagation-image {
|
||||||
width: 320px;
|
width: 220px;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* 隐藏倒计时模块 */
|
/* 隐藏倒计时模块 */
|
||||||
@@ -1938,10 +1938,7 @@ onUnmounted(() => {
|
|||||||
font-size: calc(var(--individual-champion-font-size, 2.4rem) * 2);
|
font-size: calc(var(--individual-champion-font-size, 2.4rem) * 2);
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
color: #fff2c4;
|
color: #fff2c4;
|
||||||
text-shadow:
|
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);
|
||||||
0 0 10px rgba(255, 215, 0, 0.5),
|
|
||||||
0 0 20px rgba(255, 215, 0, 0.3),
|
|
||||||
1px 1px 2px rgba(0, 0, 0, 0.8);
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.total-score-total-value {
|
.total-score-total-value {
|
||||||
|
|||||||
Reference in New Issue
Block a user