From 84835f4e26912270151946946c95fabe07e9b813 Mon Sep 17 00:00:00 2001
From: wang_fan_w <2547096351@qq.com>
Date: Sun, 12 May 2024 23:33:58 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20logo=E7=BB=84=E4=BB=B6=E9=95=BF?=
 =?UTF-8?q?=E5=BA=A6=E9=99=90=E5=88=B6?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/layout/components/Logo/index.vue | 4 ++++
 src/layout/layout-head/index.vue     | 8 +++++++-
 2 files changed, 11 insertions(+), 1 deletion(-)

diff --git a/src/layout/components/Logo/index.vue b/src/layout/components/Logo/index.vue
index 68fe906..a7ad423 100644
--- a/src/layout/components/Logo/index.vue
+++ b/src/layout/components/Logo/index.vue
@@ -36,8 +36,12 @@ const isDark = computed(() => {
   }
 
   .logo_title {
+    max-width: 150px;
     font-weight: bold;
     font-size: $font-size-title-2;
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
   }
   .dark {
     color: #fff;
diff --git a/src/layout/layout-head/index.vue b/src/layout/layout-head/index.vue
index 6038363..e18b1dc 100644
--- a/src/layout/layout-head/index.vue
+++ b/src/layout/layout-head/index.vue
@@ -2,7 +2,10 @@
   <div class="layout-head">
     <div class="layout-head-top">
       <a-layout-header class="header">
-        <Logo />
+        <div class="header-logo">
+          <Logo />
+        </div>
+
         <a-menu mode="horizontal" :selected-keys="[currentRoute.name]" @menu-item-click="onMenuItem">
           <template v-for="item in routeTree" :key="item.name">
             <a-sub-menu v-if="item.children && item.children.length > 0" :key="item.name">
@@ -69,6 +72,9 @@ const onMenuItem = (key: string) => {
   display: flex;
   align-items: stretch; // 如果（多个）元素的组合大小小于容器的大小，其中自动调整大小的元素将等量增大，以填满容器，同时这些元素仍然保持其宽高比例的约束。
   overflow: hidden;
+  .header-logo {
+    width: 150px;
+  }
   &-top {
     flex: 1; // 按比例分配大小
     display: flex;