fix(h5): 小程序 WebView 刘海区背景与顶栏安全区

Logo 下移 safe-area、embed 隐藏 HTML 标题;暖色渐变铺满刘海,页面背景上延与全屏洗底层对齐。

Co-authored-by: Cursor <cursoragent@cursor.com>
This commit is contained in:
jackyu66git
2026-08-25 01:14:07 +08:00
co-authored by Cursor
parent 635a83fe11
commit 96292d0e95
6 changed files with 53 additions and 21 deletions
+4 -7
View File
@@ -48,14 +48,11 @@ const {
.home {
position: relative;
overflow-x: hidden;
padding-top: 48px;
margin-top: calc(-1 * var(--yxg-safe-top));
padding-top: var(--yxg-page-top);
padding-bottom: var(--spacing-xs);
min-height: 100%;
background:
radial-gradient(110% 70% at 85% -8%, rgba(255, 190, 170, 0.65) 0%, transparent 52%),
radial-gradient(90% 55% at 8% 6%, rgba(255, 220, 200, 0.75) 0%, transparent 48%),
radial-gradient(60% 40% at 50% 0%, rgba(255, 255, 255, 0.55) 0%, transparent 60%),
linear-gradient(180deg, var(--color-bg-start) 0%, #ffe4d8 28%, #fff4ef 52%, var(--color-bg-sheet) 100%);
min-height: calc(100% + var(--yxg-safe-top));
background: var(--yxg-page-wash);
}
.atm {
position: absolute;