From c556af99ebd38b199a96f3c9451833629c01b013 Mon Sep 17 00:00:00 2001
From: tzy <1042411602@qq.com>
Date: Sat, 6 Jun 2026 14:47:10 +0800
Subject: [PATCH] =?UTF-8?q?=E7=AB=99=E7=82=B9=20Logo=20=E5=B1=95=E7=A4=BA?=
 =?UTF-8?q?=EF=BC=9A=E4=BC=98=E5=85=88=E6=98=BE=E7=A4=BA=E5=9B=BE=E7=89=87?=
 =?UTF-8?q?=EF=BC=8C=E6=97=A0=20URL=20=E6=88=96=E5=8A=A0=E8=BD=BD=E5=A4=B1?=
 =?UTF-8?q?=E8=B4=A5=E6=97=B6=E5=9B=9E=E9=80=80=E4=B8=BA=E7=AB=99=E7=82=B9?=
 =?UTF-8?q?=E5=90=8D=E7=A7=B0=E9=A6=96=E5=AD=97=E6=AF=8D=E3=80=82?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/SiteLogoMark.vue | 36 +++++++++++++++++++++++++++++++++
 1 file changed, 36 insertions(+)
 create mode 100644 src/components/SiteLogoMark.vue

diff --git a/src/components/SiteLogoMark.vue b/src/components/SiteLogoMark.vue
new file mode 100644
index 0000000..a19d00a
--- /dev/null
+++ b/src/components/SiteLogoMark.vue
@@ -0,0 +1,36 @@
+<!--
+  站点 Logo 展示：优先显示图片，无 URL 或加载失败时回退为站点名称首字母。
+  用于 layout、login、register 等页面；src 不传则使用 siteStore.siteLogo。
+-->
+<template>
+  <img
+    v-if="showSiteLogoImg"
+    :src="siteLogo"
+    :class="imgClass"
+    alt="Logo"
+    @error="handleLogoError"
+  />
+  <div v-else :class="iconClass" :style="iconStyle">{{ fallbackLetter }}</div>
+</template>
+
+<script setup lang="ts">
+import { useSiteLogo } from '@/composables/useSiteLogo'
+
+const props = withDefaults(defineProps<{
+  /** 自定义 Logo 地址，默认取 siteStore.siteLogo */
+  src?: string
+  /** 图片模式下的 class */
+  imgClass?: string
+  /** 首字母 fallback 模式下的 class */
+  iconClass?: string
+  /** 首字母 fallback 的内联样式 */
+  iconStyle?: Record<string, string>
+}>(), {
+  imgClass: 'logo-img',
+  iconClass: 'logo-icon',
+})
+
+const { siteLogo, showSiteLogoImg, fallbackLetter, handleLogoError } = useSiteLogo(
+  () => props.src
+)
+</script>