From f1659a1ecde53251bf9c52bc125b2fb07e36da3b Mon Sep 17 00:00:00 2001
From: gaoluyang <2820782392@qq.com>
Date: 星期三, 20 五月 2026 14:00:16 +0800
Subject: [PATCH] 进销存pro 1.首页及登录页样式微调 2.添加系统架构图页面 3.优化头部搜索菜单栏功能 4.首页快捷功能跳转路由修改
---
src/layout/components/Sidebar/Logo.vue | 23 ++++++++++++++---------
src/layout/components/Sidebar/index.vue | 12 +++++++-----
2 files changed, 21 insertions(+), 14 deletions(-)
diff --git a/src/layout/components/Sidebar/Logo.vue b/src/layout/components/Sidebar/Logo.vue
index d0d3a8c..1a66c4a 100644
--- a/src/layout/components/Sidebar/Logo.vue
+++ b/src/layout/components/Sidebar/Logo.vue
@@ -164,6 +164,8 @@
&.collapse {
.sidebar-logo-link {
+ display: flex;
+ align-items: center;
justify-content: center;
padding: 0;
@@ -174,19 +176,22 @@
}
.sidebar-logo {
- width: 100%;
- height: 100%;
- max-width: 30px;
- max-height: 30px;
- padding: 0;
+ width: calc(100% - 8px);
+ height: calc(100% - 8px);
+ max-width: none;
+ max-height: none;
+ padding: 4px;
+ margin: 0 auto;
filter: none;
+ object-fit: contain;
+ object-position: center;
}
.sidebar-favicon {
- width: 28px;
- height: 28px;
- max-width: 28px;
- max-height: 28px;
+ width: calc(100% - 8px);
+ height: calc(100% - 8px);
+ max-width: none;
+ max-height: none;
}
}
}
diff --git a/src/layout/components/Sidebar/index.vue b/src/layout/components/Sidebar/index.vue
index da2a7fa..2a58c29 100644
--- a/src/layout/components/Sidebar/index.vue
+++ b/src/layout/components/Sidebar/index.vue
@@ -77,14 +77,18 @@
color: v-bind(getMenuTextColor);
font-size: 14px;
letter-spacing: 0;
- transition: all 0.28s ease;
+ transition:
+ transform 0.18s ease,
+ background 0.2s ease,
+ box-shadow 0.2s ease,
+ color 0.2s ease;
border: none !important;
display: flex;
align-items: center;
&:hover {
background: linear-gradient(128deg, rgba(var(--el-color-primary-rgb, 37, 99, 235), 0.28), rgba(var(--el-color-primary-rgb, 37, 99, 235), 0.08)) !important;
- transform: translateX(3px);
+ transform: translate3d(2px, 0, 0);
}
}
@@ -93,12 +97,10 @@
&.is-active {
background: var(--menu-active-bg, linear-gradient(135deg, var(--el-color-primary), var(--el-color-primary-light-3))) !important;
- background-size: 180% 180%;
color: var(--menu-active-text) !important;
font-weight: 500;
border-radius: 14px;
box-shadow: var(--menu-active-glow, 0 10px 24px rgba(var(--el-color-primary-rgb, 37, 99, 235), 0.34));
- animation: sidebarActiveFlow 4.6s ease infinite;
.svg-icon {
color: var(--menu-active-text) !important;
@@ -121,7 +123,7 @@
font-size: 14px !important;
color: currentColor !important;
opacity: 0.7;
- transition: all 0.25s ease;
+ transition: transform 0.2s ease, opacity 0.2s ease;
}
:deep(.el-sub-menu.is-opened .el-sub-menu__icon-arrow) {
--
Gitblit v1.9.3