From 445e20d562862cb61a4066940dc21379f87888fa Mon Sep 17 00:00:00 2001
From: jackyu66git <jackyu666@icloud.com>
Date: Tue, 25 Aug 2026 03:29:43 +0800
Subject: [PATCH] =?UTF-8?q?fix:=20=E6=81=A2=E5=A4=8D=20202608278=20?=
 =?UTF-8?q?=E5=A4=96=E5=B1=82=20nav-bar=20=E7=BB=93=E6=9E=84=EF=BC=88?=
 =?UTF-8?q?=E4=B8=8E=E5=BD=93=E6=97=B6=E5=8F=AF=E7=94=A8=E7=89=88=E6=9C=AC?=
 =?UTF-8?q?=E4=B8=80=E8=87=B4=EF=BC=89?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

对齐 flex:1 webview、nav-row 宽度与 padding-top 计算，非 cover 层方案。

Co-authored-by: Cursor <cursoragent@cursor.com>
---
 pages/yxg-magic/index.vue | 10 ++++++----
 1 file changed, 6 insertions(+), 4 deletions(-)

diff --git a/pages/yxg-magic/index.vue b/pages/yxg-magic/index.vue
index f722832..0f110e8 100644
--- a/pages/yxg-magic/index.vue
+++ b/pages/yxg-magic/index.vue
@@ -1,12 +1,13 @@
 <template>
+	<!-- 顶栏在 web-view 外层（页面级），H5 只在下方 web-view 里 -->
 	<view class="yxg-page">
 		<view class="yxg-nav-bar" :style="navBarStyle">
 			<view class="yxg-nav-row" :style="navRowStyle">
 				<image
 					class="yxg-nav-logo"
-					:style="logoStyle"
 					:src="YXG_MP_LOGO_URL"
 					mode="aspectFit"
+					:style="logoStyle"
 				/>
 			</view>
 		</view>
@@ -62,6 +63,7 @@ const navRowStyle = `height:${navBarH}px;`
 const logoStyle = `width:${logoW}px;height:${logoH}px;`
 const webviewStyle = `height:${webviewH}px;`
 
+/** web-view 已在导航下方，H5 只需极小顶距 */
 const h5Url = computed(
 	() =>
 		`${YXG_H5_BASE}?mp=1&nh=1&sbh=4&v=${YXG_H5_VERSION}#wechat_redirect`,
@@ -80,7 +82,7 @@ function onWebError(e) {
 	})
 }
 
-console.log('[yxg-magic] nav-bar + web-view', {
+console.log('[yxg-magic] outer nav + webview', {
 	headH,
 	webviewH,
 	logoW,
@@ -101,7 +103,6 @@ page {
 	height: 100%;
 	display: flex;
 	flex-direction: column;
-	background-color: #ffd1c7;
 }
 
 .yxg-nav-bar {
@@ -115,6 +116,7 @@ page {
 	display: flex;
 	align-items: center;
 	justify-content: center;
+	width: 100%;
 }
 
 .yxg-nav-logo {
@@ -122,7 +124,7 @@ page {
 }
 
 .yxg-webview {
-	flex-shrink: 0;
+	flex: 1;
 	width: 100%;
 }
 </style>