From 6f35fde8c3ae46cb0f01994d9ab8203a1ef5892d Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E9=9B=B7=E6=A0=A1=E4=BA=91?= <14135925+chenxilxy@user.noreply.gitee.com> Date: Fri, 6 Mar 2026 01:32:25 +0800 Subject: [PATCH] =?UTF-8?q?=E9=A1=B9=E7=9B=AE=E4=B8=BB=E9=A2=98=E6=A0=B7?= =?UTF-8?q?=E5=BC=8F=E8=B0=83=E6=95=B4?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/layouts/components/AppLogo/index.vue | 24 ++++++++++++++---------- src/styles/variables.scss | 4 ++-- 2 files changed, 16 insertions(+), 12 deletions(-) diff --git a/src/layouts/components/AppLogo/index.vue b/src/layouts/components/AppLogo/index.vue index 1502d91..731b8f3 100644 --- a/src/layouts/components/AppLogo/index.vue +++ b/src/layouts/components/AppLogo/index.vue @@ -24,19 +24,23 @@ defineProps({ width: 100%; height: $navbar-height; background-color: $sidebar-logo-background; - border-bottom: 1px solid rgba(255, 255, 255, 0.1); // 添加底部分隔线 - padding: 0 20px; // 增加内边距 - + border-bottom: 1px solid rgba(255, 255, 255, 0.1); // 添加底部分隔线 + padding: 0 20px; // 增加内边距 + .title { flex-shrink: 0; - margin-left: 10px; - font-size: 22px; // 增大字体,匹配示例模板 - font-weight: 700; // 加粗 - color: #60a5fa; // 使用亮蓝色,匹配示例模板 - text-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); // 添加文字阴影 - + //margin-left: 10px; + font-size: 22px; // 增大字体,匹配示例模板 + font-weight: 700; // 加粗 + color: #60a5fa; // 使用亮蓝色,匹配示例模板 + text-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); // 添加文字阴影 + display: flex; + flex-direction: column; + align-items: center; + justify-content: center; + &::after { - content: '专业自动化系统'; // 添加副标题 + content: '专业自动化系统'; // 添加副标题 display: block; font-size: 12px; font-weight: normal; diff --git a/src/styles/variables.scss b/src/styles/variables.scss index bf8d9b2..a144fb6 100644 --- a/src/styles/variables.scss +++ b/src/styles/variables.scss @@ -92,7 +92,7 @@ $menu-hover: var(--menu-hover); // 菜单悬停背景色 $sidebar-logo-background: var(--sidebar-logo-background); // 侧边栏 Logo 背景色 $sidebar-logo-text-color: var(--sidebar-logo-text-color); // 侧边栏 Logo 文字颜色 -$sidebar-width: 280px; // 侧边栏宽度 +$sidebar-width: 260px; // 侧边栏宽度 $sidebar-width-collapsed: 54px; // 侧边栏收缩宽度 -$navbar-height: 120px; // 导航栏高度 +$navbar-height: 100px; // 导航栏高度 $tags-view-height: 34px; // TagsView 高度