From 3d3addba8618bd44db53f7089732e3fae16bdfef Mon Sep 17 00:00:00 2001
From: zhang_12370 <z2864490065@outlook.com>
Date: 星期二, 15 七月 2025 18:01:28 +0800
Subject: [PATCH] 1、修改配置删除文件 2、优化设备领用 使用户归还完以后 无法重新选择使用中
---
src/assets/styles/sidebar.scss | 53 ++++++++++++++++++++++++++++++++++++++++-------------
1 files changed, 40 insertions(+), 13 deletions(-)
diff --git a/src/assets/styles/sidebar.scss b/src/assets/styles/sidebar.scss
index c2f4c4b..eb6a1c8 100644
--- a/src/assets/styles/sidebar.scss
+++ b/src/assets/styles/sidebar.scss
@@ -26,6 +26,7 @@
overflow: hidden;
-webkit-box-shadow: 2px 0 6px rgba(0,21,41,.35);
box-shadow: none;
+ margin: 0 auto;
// reset element-ui css
.horizontal-collapse-transition {
@@ -41,7 +42,7 @@
}
.el-scrollbar {
- height: 100%;
+ height: 92%;
}
&.has-logo {
@@ -53,24 +54,29 @@
.is-horizontal {
display: none;
}
-
a {
display: inline-block;
- width: 100%;
+ width: 80px;
+ height: 80px;
overflow: hidden;
+ margin-top: 20px;
}
+
.svg-icon {
- margin-right: 16px;
+ //margin-right: 16px;
}
.el-menu {
border: none;
height: 100%;
width: 100% !important;
+ padding: 0 20px !important;
}
.el-menu-item, .menu-title {
+ line-height: 20px;
+ font-size: 14px;
overflow: hidden !important;
text-overflow: ellipsis !important;
white-space: nowrap !important;
@@ -83,52 +89,69 @@
// menu hover
.sub-menu-title-noDropdown,
.el-sub-menu__title {
+ border-radius: 10px 10px 10px 10px;
&:hover {
background-color: #ffffff !important;
+ border-radius: 10px 10px 10px 10px;
+ color: $base-menu-color-active !important;
}
}
& .theme-dark .is-active > .el-sub-menu__title {
color: $base-menu-color-active !important;
}
-
+ & .nest-menu > a {
+ right: 20px;
+ position: relative;
+ }
+ & .nest-menu> .el-sub-menu > .el-sub-menu__title {
+ right: 20px;
+ position: relative;
+ }
& .nest-menu .el-sub-menu>.el-sub-menu__title,
& .el-sub-menu .el-menu-item {
- min-width: $base-sidebar-width !important;
+
+ height: 80px;
+ min-width: 80px !important;
+ border-radius: 10px 10px 10px 10px;
&:hover {
background-color: #ffffff !important;
+ border-radius: 10px 10px 10px 10px;
+ color: $base-menu-color-active !important;
}
}
& .theme-dark .nest-menu .el-sub-menu>.el-sub-menu__title,
& .theme-dark .el-sub-menu .el-menu-item {
background-color: $base-sub-menu-background;
-
+ border-radius: 10px 10px 10px 10px;
&:hover {
background-color: #ffffff !important;
+ border-radius: 10px 10px 10px 10px;
+ color: $base-menu-color-active !important;
}
}
}
.hideSidebar {
.sidebar-container {
- width: 54px !important;
+ width: 120px !important;
}
.main-container {
- margin-left: 54px;
+ margin-left: 120px;
}
.sub-menu-title-noDropdown {
- padding: 0 !important;
+ padding: 0 0 0 20px !important;
position: relative;
.el-tooltip {
padding: 0 !important;
.svg-icon {
- margin-left: 20px;
+ //margin-left: 20px;
}
}
}
@@ -140,7 +163,7 @@
padding: 0 !important;
.svg-icon {
- margin-left: 20px;
+ //margin-left: 20px;
}
}
@@ -203,17 +226,21 @@
// when menu collapsed
.el-menu--vertical {
+ width: 120px !important; /* 璁剧疆涓�涓浐瀹氱殑瀹藉害 */
&>.el-menu {
.svg-icon {
- margin-right: 16px;
+ //margin-right: 16px;
}
}
.nest-menu .el-sub-menu>.el-sub-menu__title,
.el-menu-item {
+ border-radius: 10px 10px 10px 10px;
&:hover {
// you can use $sub-menuHover
background-color: #ffffff !important;
+ border-radius: 10px 10px 10px 10px;
+ color: $base-menu-color-active !important;
}
}
--
Gitblit v1.9.3