From 859845158ffc362514d465acb37d13ddb489152d Mon Sep 17 00:00:00 2001
From: wang_fan_w <2547096351@qq.com>
Date: Sun, 16 Jun 2024 23:37:25 +0800
Subject: [PATCH] =?UTF-8?q?fix:=20=E6=A8=AA=E5=90=91=E6=A8=A1=E5=BC=8F?=
 =?UTF-8?q?=E7=9A=84=E6=A0=87=E9=A2=98=E6=B8=B2=E6=9F=93?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/layout/components/Logo/index.vue | 12 +++++++++++-
 1 file changed, 11 insertions(+), 1 deletion(-)

diff --git a/src/layout/components/Logo/index.vue b/src/layout/components/Logo/index.vue
index 713a8b9..7b8702d 100644
--- a/src/layout/components/Logo/index.vue
+++ b/src/layout/components/Logo/index.vue
@@ -1,7 +1,7 @@
 <template>
   <div :class="layoutType == 'layoutHead' ? 'logo_head no-border' : 'logo_head'">
     <img :src="Logo" class="logo" />
-    <span :class="isDark ? 'logo_title dark' : 'logo_title'" v-if="!collapsed">dc admin</span>
+    <span :class="isDark ? 'logo_title dark' : 'logo_title'" v-if="isTitle">dc admin</span>
   </div>
 </template>
 
@@ -12,6 +12,7 @@ import { useThemeConfig } from "@/store/modules/theme-config";
 const themeStore = useThemeConfig();
 const { collapsed, asideDark, layoutType } = storeToRefs(themeStore);
 
+// 黑暗模式的文字渲染
 const isDark = computed(() => {
   if (asideDark.value && layoutType.value != "layoutHead") {
     return true;
@@ -19,6 +20,15 @@ const isDark = computed(() => {
     return false;
   }
 });
+
+// 是否展示标题
+const isTitle = computed(() => {
+  if (!collapsed.value || layoutType.value == "layoutHead") {
+    return true;
+  } else {
+    return false;
+  }
+});
 </script>
 
 <style lang="scss" scoped>