fix: 彻底消除滚动闪白 — 全面清除残留白色背景
All checks were successful
continuous-integration/drone/push Build is passing

- html 元素加 background-color: #0A0C16(防弹性滚动露白)
- common.css: nav-item-box、input-search、select-box 背景改深色
- theme.css: .box-shadow/.box-shadow-light 背景改深色
- 共修复 6 处白色背景残留
This commit is contained in:
yiqiu
2026-03-18 18:16:47 +08:00
parent fcd7eff3e8
commit 40a5364c17
3 changed files with 14 additions and 12 deletions

View File

@@ -180,10 +180,10 @@
height: 96px; height: 96px;
padding: 24px 20px; padding: 24px 20px;
border-radius: 3px; border-radius: 3px;
background: #fff; background: rgba(30, 41, 59, 0.6);
display: flex; display: flex;
cursor: pointer; cursor: pointer;
box-shadow: 0px 0px 8px rgba(52, 52, 52, 0.08); box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
} }
.nav-item-box:hover .title { .nav-item-box:hover .title {
@@ -602,8 +602,8 @@
margin-bottom: 20px; margin-bottom: 20px;
width: 30%; width: 30%;
height: 56px; height: 56px;
background: #FFFFFF; background: rgba(20, 24, 36, 0.9);
border: 1px solid #38BDF8; border: 1px solid rgba(56, 189, 248, 0.4);
} }
.trademark-box .input-search input { .trademark-box .input-search input {
@@ -634,8 +634,8 @@
height: 56px; height: 56px;
margin-top: 30px; margin-top: 30px;
margin-bottom: 20px; margin-bottom: 20px;
background: #fff; background: rgba(20, 24, 36, 0.9);
border: 1px solid #38BDF8; border: 1px solid rgba(56, 189, 248, 0.4);
border-left: none; border-left: none;
} }
@@ -691,8 +691,9 @@
top: 86px; top: 86px;
left: 0; left: 0;
width: calc(50% + 124px); width: calc(50% + 124px);
background: #FEFFFF; background: rgba(14, 16, 26, 0.98);
box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.1); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.5);
border: 1px solid rgba(255, 255, 255, 0.08);
} }
.input-search .input-search-select .select-box-item { .input-search .input-search-select .select-box-item {

View File

@@ -1,6 +1,7 @@
html { html {
overflow-x: auto; overflow-x: auto;
overflow-y: scroll; overflow-y: scroll;
background-color: #0A0C16;
} }
body, body,

View File

@@ -42,13 +42,13 @@ input {
/* 盒子阴影 */ /* 盒子阴影 */
.box-shadow { .box-shadow {
background: #FFFFFF; background: rgba(20, 28, 44, 0.8);
box-shadow: 0px 0px 16px rgba(52, 52, 52, 0.16); box-shadow: 0 4px 16px rgba(0, 0, 0, 0.3);
} }
.box-shadow-light { .box-shadow-light {
background: #FFFFFF; background: rgba(20, 28, 44, 0.6);
box-shadow: 0px 0px 8px rgba(52, 52, 52, 0.08); box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
} }