From 635a83fe11807f4961417d069e637994b3caa462 Mon Sep 17 00:00:00 2001
From: jackyu66git <jackyu666@icloud.com>
Date: Tue, 25 Aug 2026 01:04:18 +0800
Subject: [PATCH] =?UTF-8?q?fix(h5):=20=E4=BF=AE=E5=A4=8D=E5=B0=8F=E7=A8=8B?=
 =?UTF-8?q?=E5=BA=8F=20WebView=20=E5=86=85=20logo=20=E4=B8=8E=E5=A4=87?=
 =?UTF-8?q?=E6=A1=88=E5=8F=B7=E5=B1=95=E7=A4=BA?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Logo 改用 BASE_URL 路径并在 embed 模式始终显示顶部栏；备案号改为页面底部文档流，避免悬浮遮挡内容。

Co-authored-by: Cursor <cursoragent@cursor.com>
---
 apps/user-h5/src/App.vue                  | 11 ++++-------
 apps/user-h5/src/components/BrandLogo.vue |  4 +++-
 apps/user-h5/src/components/IcpFooter.vue | 15 ++++-----------
 apps/user-h5/src/styles/app.css           |  8 ++++++--
 4 files changed, 17 insertions(+), 21 deletions(-)

diff --git a/apps/user-h5/src/App.vue b/apps/user-h5/src/App.vue
index 954c175..1a662b1 100644
--- a/apps/user-h5/src/App.vue
+++ b/apps/user-h5/src/App.vue
@@ -1,22 +1,19 @@
 <template>
   <div class="app-shell" :class="{ 'mp-embed': mpEmbed }">
-    <AppHeader v-if="!mpEmbed || showEmbedHeader" />
-    <router-view />
+    <div class="app-body">
+      <AppHeader />
+      <router-view />
+    </div>
     <IcpFooter />
     <TabBar v-if="!mpEmbed" />
   </div>
 </template>
 
 <script setup lang="ts">
-import { computed } from 'vue'
-import { useRoute } from 'vue-router'
 import AppHeader from './components/AppHeader.vue'
 import IcpFooter from './components/IcpFooter.vue'
 import TabBar from './components/TabBar.vue'
 import { isMpEmbed } from './lib/mpEmbed'
 
-const route = useRoute()
 const mpEmbed = isMpEmbed()
-/** Sub-pages in web-view: show back only; home hides duplicate chrome. */
-const showEmbedHeader = computed(() => mpEmbed && route.path !== '/')
 </script>
diff --git a/apps/user-h5/src/components/BrandLogo.vue b/apps/user-h5/src/components/BrandLogo.vue
index 9a8bc26..c8d0d72 100644
--- a/apps/user-h5/src/components/BrandLogo.vue
+++ b/apps/user-h5/src/components/BrandLogo.vue
@@ -2,7 +2,7 @@
   <img
     class="brand-logo"
     :class="size"
-    src="/logo.png?v=3"
+    :src="logoSrc"
     alt="愈心谷"
     decoding="async"
   />
@@ -16,6 +16,8 @@ withDefaults(
   }>(),
   { size: 'header' },
 )
+
+const logoSrc = `${import.meta.env.BASE_URL}logo.png?v=3`
 </script>
 
 <style scoped>
diff --git a/apps/user-h5/src/components/IcpFooter.vue b/apps/user-h5/src/components/IcpFooter.vue
index a0a2e14..0f94d16 100644
--- a/apps/user-h5/src/components/IcpFooter.vue
+++ b/apps/user-h5/src/components/IcpFooter.vue
@@ -13,20 +13,13 @@ const mpEmbed = isMpEmbed()
 
 <style scoped>
 .icp-footer {
-  position: fixed;
-  left: 50%;
-  transform: translateX(-50%);
-  width: 100%;
-  max-width: var(--yxg-max-w);
-  bottom: calc(var(--yxg-nav-h) + env(safe-area-inset-bottom, 0px));
-  z-index: 90;
+  flex-shrink: 0;
   text-align: center;
-  padding: 4px 12px;
-  background: rgba(255, 252, 250, 0.92);
-  border-top: 1px solid rgba(240, 230, 224, 0.6);
+  padding: 20px 12px 8px;
+  margin-top: 8px;
 }
 .icp-footer.mp-embed {
-  bottom: env(safe-area-inset-bottom, 0px);
+  padding-bottom: calc(12px + env(safe-area-inset-bottom, 0px));
 }
 .icp-link {
   font-size: 11px;
diff --git a/apps/user-h5/src/styles/app.css b/apps/user-h5/src/styles/app.css
index a0c0a3b..5da4c6d 100644
--- a/apps/user-h5/src/styles/app.css
+++ b/apps/user-h5/src/styles/app.css
@@ -14,11 +14,15 @@ body{
 }
 .app-shell{
   max-width:var(--yxg-max-w);margin:0 auto;min-height:100vh;
-  padding-bottom:calc(var(--yxg-nav-h) + env(safe-area-inset-bottom,0px) + 36px);
+  display:flex;flex-direction:column;
+  padding-bottom:calc(var(--yxg-nav-h) + env(safe-area-inset-bottom,0px));
   position:relative;
 }
+.app-body{
+  flex:1 0 auto;
+}
 .app-shell.mp-embed{
-  padding-bottom:calc(env(safe-area-inset-bottom,0px) + 36px);
+  padding-bottom:env(safe-area-inset-bottom,0px);
 }
 a{color:inherit;text-decoration:none}