From e7290ed726b94e3253a56c62da3f96ea1b07ef24 Mon Sep 17 00:00:00 2001
From: jackyu66git <jackyu666@icloud.com>
Date: Tue, 25 Aug 2026 04:09:12 +0800
Subject: [PATCH] =?UTF-8?q?fix(h5):=20=E9=A6=96=E5=B1=8F=E6=B8=85=20title?=
 =?UTF-8?q?=20+=20=E6=A1=83=E8=89=B2=E9=A1=B6=E5=8C=BA=E5=AF=B9=E9=BD=90?=
 =?UTF-8?q?=E5=B0=8F=E7=A8=8B=E5=BA=8F=20nav-bar=EF=BC=88nh=3D1=EF=BC=89?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

index.html 在 Vue 前清 document.title 并预应用 mp-native-header；
CSS 桃色顶区、隐藏 AppHeader，减轻黑字与渐变冲顶。

Co-authored-by: Cursor <cursoragent@cursor.com>
---
 apps/user-h5/index.html         | 27 +++++++++++++++++++++++++++
 apps/user-h5/src/styles/app.css | 19 +++++++++++++++++++
 2 files changed, 46 insertions(+)

diff --git a/apps/user-h5/index.html b/apps/user-h5/index.html
index d79c458..6acb5af 100644
--- a/apps/user-h5/index.html
+++ b/apps/user-h5/index.html
@@ -4,6 +4,33 @@
     <meta charset="UTF-8" />
     <meta name="viewport" content="width=device-width,initial-scale=1.0,user-scalable=no,viewport-fit=cover" />
     <title>愈心谷</title>
+    <script>
+      ;(function () {
+        var q = location.search.slice(1).split('&')
+        var p = {}
+        for (var i = 0; i < q.length; i++) {
+          var kv = q[i].split('=')
+          if (kv[0]) p[kv[0]] = kv[1] || ''
+        }
+        if (p.mp === '1') {
+          document.documentElement.classList.add('mp-embed')
+          document.title = '\u200b'
+          try { sessionStorage.setItem('yxg_mp_embed', '1') } catch (e) {}
+        }
+        if (p.nh === '1') {
+          document.documentElement.classList.add('mp-native-header')
+          document.title = '\u200b'
+          try { sessionStorage.setItem('yxg_mp_native_header', '1') } catch (e) {}
+          var top = 4
+          if (p.sbh && /^\d+$/.test(p.sbh)) {
+            top = parseInt(p.sbh, 10)
+            try { sessionStorage.setItem('yxg_sbh', p.sbh) } catch (e) {}
+          }
+          document.documentElement.style.setProperty('--yxg-safe-top', '0px')
+          document.documentElement.style.setProperty('--yxg-page-top', top + 'px')
+        }
+      })()
+    </script>
     <link rel="icon" type="image/png" href="/logo.png" />
     <link rel="preconnect" href="https://fonts.googleapis.com" />
     <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
diff --git a/apps/user-h5/src/styles/app.css b/apps/user-h5/src/styles/app.css
index 114d560..9a6e58e 100644
--- a/apps/user-h5/src/styles/app.css
+++ b/apps/user-h5/src/styles/app.css
@@ -64,6 +64,25 @@ html.mp-embed body{
   padding-top:var(--yxg-page-top);
   min-height:100%;
 }
+/* 小程序原生顶栏：桃色顶区对齐 nav-bar，隐藏 H5 AppHeader，洗底不冲顶 */
+html.mp-embed.mp-native-header{
+  background-color:#ffd1c7;
+  background-image:none;
+}
+html.mp-embed.mp-native-header body{
+  background:transparent;
+}
+html.mp-embed.mp-native-header .app-shell.mp-embed::before{
+  background-color:#ffd1c7;
+}
+html.mp-embed.mp-native-header .app-header{
+  display:none !important;
+}
+html.mp-embed.mp-native-header .app-shell .home,
+html.mp-embed.mp-native-header .app-shell .ps,
+html.mp-embed.mp-native-header .app-shell .yxg-page{
+  padding-top:var(--yxg-page-top);
+}
 .app-footer{
   position:relative;
   z-index:1;