From c12628f051444f50760009d4c49ceca906ae94fb Mon Sep 17 00:00:00 2001
From: chenxing <chenxing@yunhaixingtong.com>
Date: Thu, 8 Oct 2026 18:52:31 +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?=
 =?UTF-8?q?=E6=96=B0=E5=A2=9E=E4=BA=91=E6=B5=B7=20logo=20=E5=BE=BD?=
 =?UTF-8?q?=E6=A0=87=20+=20=E6=8E=A5=E5=B9=B3=E5=8F=B0=E9=94=AE=20yh-logo-?=
 =?UTF-8?q?url=20+=20sync=20=E4=BB=B6=E6=9B=B4=E6=96=B0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- header-container 首位插入 .logo-badge（结构与 Notice 对齐，皮肤由通道 base.layout.css 提供）；拷贝平台 yunhai-logo.svg 资产兜底
- localStorage["yh-logo-url"] 优先，@error 回落兜底；mounted 读一次 + 监听 yh-appearance-updated 即时切换
- sync 件：UserAvatar.vue 监听 yh-appearance-updated 重读键（YschTheme d9db725 分发）
---
 src/assets/image/yunhai-logo.svg |  7 +++++++
 src/components/UserAvatar.vue    | 13 +++++++++++--
 src/components/layout.vue        | 26 +++++++++++++++++++++++++-
 3 files changed, 43 insertions(+), 3 deletions(-)
 create mode 100644 src/assets/image/yunhai-logo.svg

diff --git a/src/assets/image/yunhai-logo.svg b/src/assets/image/yunhai-logo.svg
new file mode 100644
index 0000000..7d1d358
--- /dev/null
+++ b/src/assets/image/yunhai-logo.svg
@@ -0,0 +1,7 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1024 1024">
+  <path fill="#4aaff0" d="M512,585 C415,455 330,398 215,395 C185,395 160,415 160,450 L160,770 C160,815 190,838 240,845 C340,856 430,872 512,888 C594,872 684,856 784,845 C834,838 864,815 864,770 L864,450 C864,415 839,395 809,395 C694,398 609,455 512,585 Z"/>
+  <path fill="#4aaff0" d="M218,312 C335,292 462,352 514,462 C452,404 334,354 218,378 Z"/>
+  <circle fill="#4aaff0" cx="218" cy="345" r="33"/>
+  <path fill="#80d976" d="M508,462 C455,310 525,145 700,105 C758,250 668,425 508,462 Z"/>
+  <path fill="none" stroke="#4aaff0" stroke-width="44" stroke-linecap="round" d="M210,935 Q285.5,881 361,935 T512,935 T663,935 T814,935"/>
+</svg>
diff --git a/src/components/UserAvatar.vue b/src/components/UserAvatar.vue
index aefb0b1..bd6c318 100644
--- a/src/components/UserAvatar.vue
+++ b/src/components/UserAvatar.vue
@@ -4,7 +4,7 @@
    取值链/取字契约见《设置页修复与默认头像落地方案》§10.1/§10.2；样式全在本文件 <style scoped>（唯一 CSS 源，
    不进通道 icons.src.css——通道 CSS 对 UserHome 不可达，内联分发才能消双份漂移，见同方案 §10.4）。
    根元素即 .yh-avatar 圆：尺寸内联必须挂圆本身（挂外层 span 会被 flex 拉成椭圆，§12 踩坑）。 */
-import { computed } from "vue";
+import { computed, onBeforeUnmount, onMounted, ref } from "vue";
 import { pickAvatarText, resolveAvatarStyle } from "@/utils/avatar";
 
 const props = withDefaults(
@@ -22,7 +22,16 @@ const props = withDefaults(
 );
 
 const text = computed(() => (props.src ? "" : pickAvatarText(props.name)));
-const style = computed(() => resolveAvatarStyle());
+/* 外观偏好异步补齐（yh-theme-init 在挂载后拉服务端真源收敛 localStorage 键）会在
+   document 上派发 yh-appearance-updated；tick 自增让 style 依赖失效重读键，三态即时切换（无需刷新）。 */
+const appearanceTick = ref(0);
+const onAppearanceUpdated = () => { appearanceTick.value += 1; };
+onMounted(() => document.addEventListener("yh-appearance-updated", onAppearanceUpdated));
+onBeforeUnmount(() => document.removeEventListener("yh-appearance-updated", onAppearanceUpdated));
+const style = computed(() => {
+    appearanceTick.value;
+    return resolveAvatarStyle();
+});
 /** 首字态 = style==="text" 且能取到字（契约 §10.2：二者缺一即剪影，取到字但档位是剪影时绝不能出字） */
 const showText = computed(() => style.value === "text" && !!text.value);
 
diff --git a/src/components/layout.vue b/src/components/layout.vue
index dd706e5..eb09f88 100644
--- a/src/components/layout.vue
+++ b/src/components/layout.vue
@@ -1,11 +1,12 @@
 <script setup lang="ts">
-import { ref, inject, onBeforeMount, watch, toRefs, nextTick, computed } from "vue";
+import { ref, inject, onBeforeMount, onBeforeUnmount, onMounted, watch, toRefs, nextTick, computed } from "vue";
 import { LayoutData } from "@/types/Basics";
 import { useRoute, useRouter } from "vue-router";
 import { Message } from "view-ui-plus";
 import useCurrentInstance from "@/utils/hook/useCurrentInstance";
 import SvgIcon from "@/components/SvgIcon.vue";
 import UserAvatar from "@/components/UserAvatar.vue";
+import defaultLogo from "@/assets/image/yunhai-logo.svg";
 let props = defineProps<{ layoutData: LayoutData }>();
 const reload: Function = inject("reload") || new Function("console.error('empty')");
 
@@ -13,6 +14,27 @@ const appPanel = ref();
 let route = useRoute();
 const router = useRouter();
 
+// 顶栏 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));
+
 const isPanel = ref(false),
     currPath = ref<string>(""),
     navPath = ref<any[]>([]);
@@ -167,6 +189,8 @@ function linkHomePage() {
 <template>
     <div class="layout-wrap">
         <header class="header-container fix">
+            <!-- 云海 logo 徽标（结构与 Notice layout 对齐，皮肤见通道 base.layout.css .logo-badge） -->
+            <span class="logo-badge fl"><img :src="logoUrl" alt="云海" @error="onLogoError" /></span>
             <div class="fl align-middle icon-box">
                 <div title="首页" class="icon-btn home-btn" @click="linkHomePage">
                     <SvgIcon name="shouye" :size="22" color="#fff" />