From b9895049d1b6faeced1e2c159c14391058a46cf6 Mon Sep 17 00:00:00 2001 From: jacobxu666 Date: Mon, 28 Sep 2026 09:16:47 +0800 Subject: [PATCH] =?UTF-8?q?fix:=20=E9=BB=98=E8=AE=A4=E5=AF=BC=E8=88=AA?= =?UTF-8?q?=E6=A0=8F=E9=A1=B6=E9=83=A8=E8=B6=85=E5=AE=BD=E7=A9=BA=E7=99=BD?= =?UTF-8?q?=E2=80=94=E2=80=94=E5=BE=AE=E4=BF=A1Android=20WebView=E5=9C=A8v?= =?UTF-8?q?iewport-fit=3Dcover=E4=B8=8B=E8=AF=AF=E6=8A=A5safe-area-inset-t?= =?UTF-8?q?op=EF=BC=8C=E5=B0=86uni=E5=86=85=E7=BD=AEH5=E5=AF=BC=E8=88=AA?= =?UTF-8?q?=E6=A0=8F(calc(44px+env))=E5=9E=AB=E9=AB=98=EF=BC=9BApp.vue?= =?UTF-8?q?=E5=85=A8=E5=B1=80=E5=BC=BA=E5=88=B6=E5=9B=9E=E5=9B=BA=E5=AE=9A?= =?UTF-8?q?44px=EF=BC=88=E5=BD=B1=E5=93=8D=E5=8F=82=E5=8A=A0/=E4=BD=BF?= =?UTF-8?q?=E7=94=A8=E6=8C=87=E5=8D=97=E3=80=81=E5=8D=8F=E8=AE=AE=E3=80=81?= =?UTF-8?q?=E6=9D=83=E7=9B=8A=E8=AF=A6=E6=83=85=E7=AD=89=E9=BB=98=E8=AE=A4?= =?UTF-8?q?=E5=AF=BC=E8=88=AA=E6=A0=8F=E9=A1=B5=E9=9D=A2=EF=BC=89?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Co-Authored-By: Claude Fable 5 --- App.vue | 19 +++++++++++++++++++ 1 file changed, 19 insertions(+) diff --git a/App.vue b/App.vue index 2f80017..c79112e 100644 --- a/App.vue +++ b/App.vue @@ -23,4 +23,23 @@ Arial, Helvetica, sans-serif; -webkit-font-smoothing: antialiased; } + + /* xuchao: 修复默认导航栏在微信 WebView 内顶部超宽空白（参加/使用指南、协议等页）—— + uni-app 内置 H5 导航栏高度为 calc(44px + env(safe-area-inset-top))，页面模板带 + viewport-fit=cover 时，部分 Android 微信 WebView 会误报状态栏高度（而 H5 视口本 + 就位于微信原生标题栏下方、并未被遮挡），导致导航栏被垫高。强制回退固定 44px。 + 标准浏览器/ iOS 中该 env 值为 0，此覆盖无副作用 */ + uni-page-head .uni-page-head { + height: 44px !important; + padding-top: 7px !important; + } + uni-page-head .uni-page-head ~ .uni-placeholder { + height: 44px !important; + } + uni-page-head[uni-page-head-type='default'] ~ uni-page-wrapper { + height: calc(100% - 44px) !important; + } + .uni-app--showtabbar uni-page-head[uni-page-head-type='default'] ~ uni-page-wrapper { + height: calc(100% - 44px) !important; + }