From 0ae83a895e80a4b9777a27f613d721a7e5e2ac18 Mon Sep 17 00:00:00 2001
From: ali <ali9696@163.com>
Date: 星期二, 03 九月 2024 10:18:27 +0800
Subject: [PATCH] 整体样式修改

---
 energy_management_ui/src/assets/styles/sidebar.scss |   44 ++++++++++++++++++++++++++++++++++++--------
 1 files changed, 36 insertions(+), 8 deletions(-)

diff --git a/energy_management_ui/src/assets/styles/sidebar.scss b/energy_management_ui/src/assets/styles/sidebar.scss
index 363446f..65ca224 100644
--- a/energy_management_ui/src/assets/styles/sidebar.scss
+++ b/energy_management_ui/src/assets/styles/sidebar.scss
@@ -1,12 +1,13 @@
 #app {
 
   .main-container {
-    height: 100vh;
+    // height: 100vh; //鎵撳紑涓嶆樉绀烘粴鍔ㄦ潯
     overflow: hidden;
     transition: margin-left .28s;
     margin-left: $sideBarWidth;
     position: relative;
-    background: rgba(235, 237, 240, 1);
+    // background: rgba(235, 237, 240, 1);
+    background: #001233;
   }
 
   .sidebar-container {
@@ -20,7 +21,13 @@
     bottom: 0;
     left: 0;
     z-index: 1001;
-    overflow: hidden;
+    // overflow: hidden;
+
+    // background: url("../image/navbar/Group.png") no-repeat;background-size: 100% 100%;     
+    // padding-left: 13px;
+    // padding-right: 31px;
+    // padding-top: 27px;
+    // margin-top: 10px;
 
     // reset element-ui css
     .horizontal-collapse-transition {
@@ -28,15 +35,26 @@
     }
 
     .scrollbar-wrapper {
-      overflow-x: hidden !important;
+      // overflow-x: hidden !important; 婊氬姩鏉�
+      // overflow: auto;
+      height: 100%;
     }
+    ::-webkit-scrollbar {
+      width: 5px;
+    }
+
 
     .el-scrollbar__bar.is-vertical {
       right: 0px;
+      width: 0;
     }
 
     .el-scrollbar {
       height: 100%;
+      background: url("../image/navbar/Group.png") no-repeat;background-size: 100% 100%;     
+      padding-left: 3px;
+      padding-right: 24px;
+      padding-top: 13px;
     }
 
     &.has-logo {
@@ -56,33 +74,38 @@
     }
 
     .svg-icon {
-      margin-right: 16px;
+      margin-right: 12px;
     }
 
     .el-menu {
       border: none;
       height: 100%;
       width: 100% !important;
+      background-color: rgba(0, 0, 0, 0);
     }
 
     // menu hover
     .submenu-title-noDropdown,
     .el-submenu__title {
-      font-size: 16px;
+      height: 44px;
+      line-height: 44px;
       &:hover {
         background-color: $menuHover !important;
       }
     }
 
     .is-active>.el-submenu__title {
-      font-size: 16px;
       // color: rgba(11, 107, 241, 1) !important;
       font-weight: 500;
     }
 
     & .nest-menu .el-submenu>.el-submenu__title,
     & .el-submenu .el-menu-item {
+      height: 44px;
+      line-height: 44px;
       min-width: $sideBarWidth !important;
+      margin-left: 8px;
+      padding-left: 32px !important;
       &:hover {
         background-color: $subMenuHover !important;
       }
@@ -179,17 +202,22 @@
 .el-menu--vertical {
   &>.el-menu {
     .svg-icon {
-      margin-right: 16px;
+      margin-right: 12px;
     }
   }
 
   .nest-menu .el-submenu>.el-submenu__title,
   .el-menu-item {
+    height: 44px;
+    line-height: 44px;
     &:hover {
       // you can use $subMenuHover
       background-color: $menuHover !important;
     }
   }
+  .is-active {
+    color: #38bcbf !important;
+  }
 
   // the scroll bar appears when the subMenu is too long
   >.el-menu--popup {

--
Gitblit v1.9.3