侧边栏修改完成

src/assets/styles/sidebar.scss

@@ -36,7 +36,6 @@
 
     .scrollbar-wrapper {
       overflow-x: hidden !important;
-      padding-top: 52px;
       background: url('../images/侧边栏.png') no-repeat center !important;
       background-size: 200px 100% !important;
     }
@@ -75,7 +74,13 @@
       width: 100% !important;
       background-color: transparent !important;
     }
-
+   .el-menu-item.is-active{
+    width: 170px;
+    margin-left: 10px;
+     color:#fff;
+     border: 1px solid #13B7DA;
+     background: linear-gradient(0deg, #30BCE8 0%, #203B79 100%);
+   }
     .el-menu-item, .menu-title {
       overflow: hidden !important;
       text-overflow: ellipsis !important;
@@ -91,7 +96,7 @@
     .sub-menu-title-noDropdown,
     .el-sub-menu__title {
       &:hover {
-        background-color: rgba(0, 0, 0, 0.06) !important;
+        background-color: #2a58a9 !important;
       }
     }
 
@@ -104,7 +109,7 @@
       min-width: $base-sidebar-width !important;
 
       &:hover {
-        background-color: rgba(0, 0, 0, 0.06) !important;
+        background-color: #2a58a9 !important;
       }
     }
 
@@ -220,8 +225,8 @@
   .nest-menu .el-sub-menu>.el-sub-menu__title,
   .el-menu-item {
     &:hover {
-      // you can use $sub-menuHover
-      background-color: pink !important;
+      width: 170px;
+      background-color: #2a58a9 !important;
     }
   }
 

src/components/Hamburger/index.vue

@@ -17,7 +17,7 @@
 defineProps({
   isActive: {
     type: Boolean,
-    default: false
+    default: true
   }
 })
 

src/layout/components/Navbar.vue

@@ -5,7 +5,7 @@
     <top-nav id="topmenu-container" class="topmenu-container" v-if="settingsStore.topNav" />
 
     <div class="right-menu">
-      <!-- <template v-if="appStore.device !== 'mobile'">
+      <template v-if="appStore.device !== 'mobile'">
         <header-search id="header-search" class="right-menu-item" />
 
         <el-tooltip content="源码地址" effect="dark" placement="bottom">
@@ -21,7 +21,7 @@
         <el-tooltip content="布局大小" effect="dark" placement="bottom">
           <size-select id="size-select" class="right-menu-item hover-effect" />
         </el-tooltip>
-      </template> -->
+      </template>
       <div class="avatar-container">
         <el-dropdown @command="handleCommand" class="right-menu-item hover-effect" trigger="click">
           <div class="avatar-wrapper">
@@ -52,11 +52,11 @@ import { ElMessageBox } from 'element-plus'
 import Breadcrumb from '@/components/Breadcrumb'
 import TopNav from '@/components/TopNav'
 import Hamburger from '@/components/Hamburger'
-// import Screenfull from '@/components/Screenfull'
-// import SizeSelect from '@/components/SizeSelect'
-// import HeaderSearch from '@/components/HeaderSearch'
-// import RuoYiGit from '@/components/RuoYi/Git'
-// import RuoYiDoc from '@/components/RuoYi/Doc'
+import Screenfull from '@/components/Screenfull'
+import SizeSelect from '@/components/SizeSelect'
+import HeaderSearch from '@/components/HeaderSearch'
+import RuoYiGit from '@/components/RuoYi/Git'
+import RuoYiDoc from '@/components/RuoYi/Doc'
 import useAppStore from '@/store/modules/app'
 import useUserStore from '@/store/modules/user'
 import useSettingsStore from '@/store/modules/settings'
@@ -112,7 +112,6 @@ function setLayout() {
   width: 100%;
   height: 50px;
   z-index: 1000;
-
   .hamburger-container {
     line-height: 46px;
     height: 100%;

src/layout/index.vue

@@ -59,6 +59,7 @@ function handleClickOutside() {
 const settingRef = ref(null);
 function setLayout() {
   settingRef.value.openSetting();
+
 }
 </script>
 

src/store/modules/app.js

@@ -17,7 +17,7 @@ const useAppStore = defineStore(
         if (this.sidebar.hide) {
           return false;
         }
-        this.sidebar.opened = !this.sidebar.opened
+        this.sidebar.opened = true
         this.sidebar.withoutAnimation = withoutAnimation
         if (this.sidebar.opened) {
           Cookies.set('sidebarStatus', 1)
@@ -27,7 +27,7 @@ const useAppStore = defineStore(
       },
       closeSideBar({ withoutAnimation }) {
         Cookies.set('sidebarStatus', 0)
-        this.sidebar.opened = false
+        this.sidebar.opened = true
         this.sidebar.withoutAnimation = withoutAnimation
       },
       toggleDevice(device) {