增加菜单水平布局自动适应页面级菜单高度变化功能

resources/assets/dcat/js/bootstrappers/Menu.js

@@ -53,5 +53,27 @@ export default class Menu {
             $this.parents('.dropdown').find('.nav-link').eq(0).addClass('active');
             $this.parents('.dropdown-submenu').find('.nav-link').eq(0).addClass('active')
         });
+
+
+        // 重新计算高度
+        let resize = function () {
+            if (! $('.horizontal-menu').length) {
+                return;
+            }
+
+            let defaultHorizontalMenuHeight = 55,
+                height = $('.horizontal-menu .main-horizontal-sidebar').height(),
+                diff = height - defaultHorizontalMenuHeight,
+                $wrapper = $('.horizontal-menu.navbar-fixed-top .content-wrapper');
+
+            if (height <= defaultHorizontalMenuHeight) {
+                return $wrapper.css({'padding-top': '80px'});
+            }
+
+            $wrapper.css({'padding-top': (80 + diff) + 'px'});
+        };
+        window.onresize = resize;
+
+        resize();
     }
 }

resources/assets/dcat/sass/components/_horizontal-menu.scss

@@ -1,9 +1,5 @@
 
 .horizontal-menu {
-  .navbar-fixed-top .content-wrapper {
-    padding-top: 6.1rem;
-  }
-
   .header-navbar.navbar-shadow {
     box-shadow: none;
     border-bottom: 1px solid $border-color;
@@ -119,6 +115,10 @@
   }
 }
 
+.horizontal-menu.navbar-fixed-top .content-wrapper {
+  padding-top: 80px;
+}
+
 // 黑色主题
 body.dark-mode.horizontal-menu {
   .header-navbar.navbar-shadow {