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

chore: 优化移动端的加载背景图

Browse Source
This commit is contained in:
ZF Sun
2025-11-22 08:49:16 +08:00
parent 03fb2344b4
commit c81516fff1
2 changed files with 25 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

BIN
public/battle-background.jpg
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 2.1 MiB

After

Width:  |  Height:  |  Size: 596 KiB

32
src/style.css
View File

@@ -5,6 +5,13 @@
box-sizing: border-box; box-sizing: border-box;
} }
/* 图片预加载 - 提升移动端加载性能 */
body::before {
content: "";
display: none;
background-image: url(/battle-background.jpg);
}
/* 根元素样式 */ /* 根元素样式 */
:root { :root {
/* 王者荣耀风格字体 - 使用系统默认字体但设置更多样化 */ /* 王者荣耀风格字体 - 使用系统默认字体但设置更多样化 */
@@ -528,14 +535,15 @@ table {
font-size: 14px; font-size: 14px;
} }
/* 移动端body不设置任何背景相关属性 */ /* 移动端背景图片优化：保留图片但优化加载性能 */
html, body { html, body {
background: none !important; background-color: var(--dark-color);
background-image: none !important; background-image: url(/battle-background.jpg);
background-color: var(--dark-color) !important; background-size: cover;
background-size: auto !important; background-position: center;
background-position: static !important; background-repeat: no-repeat;
background-repeat: repeat !important; background-attachment: scroll;
/* 预加载优化 */
background-attachment: scroll !important; background-attachment: scroll !important;
} }
@@ -548,6 +556,16 @@ table {
:root { :root {
font-size: 13px; font-size: 13px;
} }
/* 小屏幕手机背景图片优化 */
html, body {
background-color: var(--dark-color);
background-image: url(/battle-background.jpg);
background-size: cover;
background-position: center;
background-repeat: no-repeat;
background-attachment: scroll;
}
.content-container { .content-container {
padding: 0; padding: 0;