chore: release v4.5.5

package.json

@@ -1,6 +1,6 @@
 {
   "name": "v3-admin-vite",
-  "version": "4.5.4",
+  "version": "4.5.5",
   "description": "一个免费开源的中后台管理系统基础解决方案，基于 Vue3、TypeScript、Element Plus、Pinia 和 Vite 等主流技术",
   "author": {
     "name": "pany",

src/layouts/LeftTopMode.vue

@@ -73,6 +73,7 @@ $transition-time: 0.35s;
 }
 
 .sidebar-container {
+  background-color: var(--el-menu-bg-color);
   transition: width $transition-time;
   width: var(--v3-sidebar-width) !important;
   height: 100%;

src/layouts/components/Sidebar/index.vue

@@ -43,10 +43,6 @@ const sidebarMenuHoverBgColor = computed(() => {
 const tipLineWidth = computed(() => {
   return !isTop.value ? "2px" : "0px"
 })
-// 当为顶部模式时隐藏垂直滚动条
-const hiddenScrollbarVerticalBar = computed(() => {
-  return isTop.value ? "none" : "block"
-})
 </script>
 
 <template>
@@ -84,20 +80,15 @@ const hiddenScrollbarVerticalBar = computed(() => {
 
 .has-logo {
   .el-scrollbar {
-    // 多 1% 是为了在左侧模式时侧边栏最底部不显示 1px 左右的白色线条
+    height: calc(100% - var(--v3-header-height));
-    height: calc(101% - var(--v3-header-height));
   }
 }
 
 .el-scrollbar {
-  // 多 1% 是为了在顶部模式时防止垂直滚动
+  height: 100%;
-  height: 101%;
   :deep(.scrollbar-wrapper) {
     // 限制水平宽度
     overflow-x: hidden !important;
-    .el-scrollbar__view {
-      height: 100%;
-    }
   }
   // 滚动条
   :deep(.el-scrollbar__bar) {
@@ -105,16 +96,11 @@ const hiddenScrollbarVerticalBar = computed(() => {
       // 隐藏水平滚动条
       display: none;
     }
-    &.is-vertical {
-      // 当为顶部模式时隐藏垂直滚动条
-      display: v-bind(hiddenScrollbarVerticalBar);
-    }
   }
 }
 
 .el-menu {
   border: none;
-  min-height: 100%;
   width: 100% !important;
 }