From f4d0c7d97abe4f3e37214c6ba322c5072ec22c46 Mon Sep 17 00:00:00 2001
From: chenxing <chenxing@bestsch.com>
Date: Thu, 8 Oct 2026 18:51:51 +0800
Subject: [PATCH] =?UTF-8?q?=E5=A4=96=E8=A7=82=E5=81=8F=E5=A5=BD=E5=BC=82?=
 =?UTF-8?q?=E6=AD=A5=E8=A1=A5=E9=BD=90C=EF=BC=9A=E9=A1=B6=E6=A0=8F=20Logo?=
 =?UTF-8?q?=20=E6=8E=A5=E5=B9=B3=E5=8F=B0=E9=94=AE=20yh-logo-url=EF=BC=88?=
 =?UTF-8?q?=E6=9C=8D=E5=8A=A1=E7=AB=AF=E5=AD=A6=E6=A0=A1=20Logo=20?=
 =?UTF-8?q?=E5=BC=82=E6=AD=A5=E7=94=9F=E6=95=88=EF=BC=89?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- .logo-badge img 改动态 src：localStorage["yh-logo-url"]（yh-theme-init 异步补齐段写入）优先，本仓 yunhai-logo.svg 兜底，@error 回落兜底——绝无空 src/裂图
- mounted 读一次 + 监听 yh-appearance-updated 即时切换（无需刷新）
---
 src/components/layout.vue | 26 ++++++++++++++++++++++++--
 1 file changed, 24 insertions(+), 2 deletions(-)

diff --git a/src/components/layout.vue b/src/components/layout.vue
index d297acb..c549772 100644
--- a/src/components/layout.vue
+++ b/src/components/layout.vue
@@ -1,10 +1,11 @@
 <script setup lang="ts">
-import { ref, onBeforeMount, watch, computed } from "vue";
+import { ref, onBeforeMount, onBeforeUnmount, onMounted, watch, computed } from "vue";
 import { useRoute, useRouter } from "vue-router";
 import { Message } from "view-ui-plus";
 import { resolveMenuPage } from "@/utils/menuRoute";
 import ThemeSwitcher from "@/components/ThemeSwitcher.vue";
 import UserAvatar from "@/components/UserAvatar.vue";
+import defaultLogo from "@/assets/image/yunhai-logo.svg";
 
 const props = defineProps<{ layoutData: Record<string, any> }>();
 const route = useRoute();
@@ -24,6 +25,27 @@ const modList = computed(() => props.layoutData?.modList || []);
 
 const pathNavStyle = computed(() => (isAlone.value ? { left: "0", width: "100%" } : null));
 
+// 顶栏 Logo：localStorage["yh-logo-url"]（平台键，yh-theme-init 异步补齐段写入）优先，本仓资产兜底——绝无空 src/裂图。
+// 刷新：mounted 读一次 + 监听 yh-appearance-updated（服务端偏好到达后即时切换，无需刷新页面）。
+const logoUrl = ref<string>(defaultLogo);
+const readLogoUrl = () => {
+    let v: string | null = null;
+    try {
+        v = localStorage.getItem("yh-logo-url");
+    } catch {
+        v = null;
+    }
+    logoUrl.value = v || defaultLogo;
+};
+const onLogoError = () => {
+    if (logoUrl.value !== defaultLogo) logoUrl.value = defaultLogo;
+};
+onMounted(() => {
+    readLogoUrl();
+    document.addEventListener("yh-appearance-updated", readLogoUrl);
+});
+onBeforeUnmount(() => document.removeEventListener("yh-appearance-updated", readLogoUrl));
+
 onBeforeMount(() => {
     routeChange(route);
 });
@@ -159,7 +181,7 @@ function linkHomePage() {
     <div class="layout-wrap">
         <header class="header-container fix">
             <!-- 云海 logo 徽标（结构与 Cms SchoolLayout 对齐，皮肤见通道 base.layout.css .logo-badge） -->
-            <span class="logo-badge fl"><img src="@/assets/image/yunhai-logo.svg" alt="云海" /></span>
+            <span class="logo-badge fl"><img :src="logoUrl" alt="云海" @error="onLogoError" /></span>
             <div class="delimiter fl align-middle"></div>
             <h4 class="fl align-middle">{{ appName }}</h4>
             <div class="school-bg"></div>