From 3882a6329844f95001b57ba053163493921eac44 Mon Sep 17 00:00:00 2001
From: lijing <lijing@yunhai.com>
Date: Wed, 21 Oct 2026 18:06:56 +0800
Subject: [PATCH] =?UTF-8?q?feat(theme):=20=E6=8E=A5=E5=85=A5=E4=BA=91?=
 =?UTF-8?q?=E6=B5=B7=E5=AD=90=E4=B8=BB=E9=A2=98=E9=80=9A=E9=81=93=EF=BC=88?=
 =?UTF-8?q?A=20=E7=B1=BB=E5=85=8D=E6=8F=92=E4=BB=B6=EF=BC=8C=E8=A7=84?=
 =?UTF-8?q?=E8=8C=83=20v1.12=20=C2=A72/=C2=A73=EF=BC=89?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/layout.vue | 23 +++++++++++++++++++++--
 1 file changed, 21 insertions(+), 2 deletions(-)

diff --git a/src/components/layout.vue b/src/components/layout.vue
index d47fb53..48842d6 100644
--- a/src/components/layout.vue
+++ b/src/components/layout.vue
@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { ref, onBeforeMount, onMounted, onUnmounted, watch, computed, inject } from "vue";
+import { ref, onBeforeMount, onMounted, onUnmounted, watch, computed, inject, onBeforeUnmount } from "vue";
 import { useRoute, useRouter } from "vue-router";
 import { Message } from "view-ui-plus";
 import { normalizeModList, flattenMenuNodes } from "@/utils/menuRoute";
@@ -20,6 +20,25 @@ const ssoHost = computed(() => props.layoutData?.ssoHost || "");
 const appName = computed(() => props.layoutData?.appName || "校园公告");
 const appList = computed(() => props.layoutData?.appList || []);
 const userInfo = computed(() => props.layoutData?.userInfo || { name: "管理员", avatar: "" });
+/* 头像：平台键 yh-avatar（yh-theme-init 外观补齐段写入）优先，本仓 userInfo 兜底；
+   监听平台事件重读，不轮询、不手写清理（清键归 init，规范 §3） */
+const yhAvatar = ref("");
+const readYhAvatar = () => {
+    let v: string | null = null;
+    try {
+        v = localStorage.getItem("yh-avatar");
+    } catch {
+        v = null;
+    }
+    yhAvatar.value = v || "";
+};
+onMounted(() => {
+    readYhAvatar();
+    document.addEventListener("yh-appearance-updated", readYhAvatar);
+});
+onBeforeUnmount(() => document.removeEventListener("yh-appearance-updated", readYhAvatar));
+const avatarUrl = computed(() => yhAvatar.value || userInfo.value?.avatar || "");
+
 const isAlone = computed(() => props.layoutData?.isAlone ?? false);
 const modList = computed(() => props.layoutData?.modList || []);
 
@@ -269,7 +288,7 @@ function linkHomePage() {
             <h4 class="fl align-middle">{{ appName }}</h4>
             <div class="school-bg"></div>
             <div class="header-aside fr">
-                <img :src="userInfo.avatar" class="fl align-middle" @click="linkUserInfo" />
+                <img :src="avatarUrl" class="fl align-middle" @click="linkUserInfo" />
                 <a class="name fl align-middle text-ellipsis" href="javascript:void(0);" @click="linkUserInfo">
                     {{ userInfo.name }}
                 </a>