fix(style): fix layout style, fix #633

src/layouts/default/header/MultipleHeader.vue

@@ -50,42 +50,38 @@
         return unref(getFixed) || unref(getShowFullHeaderRef);
       });
 
-      const getWrapStyle = computed(
+      const getWrapStyle = computed((): CSSProperties => {
-        (): CSSProperties => {
+        const style: CSSProperties = {};
-          const style: CSSProperties = {};
+        if (unref(getFixed)) {
-          if (unref(getFixed)) {
+          style.width = unref(getIsMobile) ? '100%' : unref(getCalcContentWidth);
-            style.width = unref(getIsMobile) ? '100%' : unref(getCalcContentWidth);
-          }
-          if (unref(getShowFullHeaderRef)) {
-            style.top = `${HEADER_HEIGHT}px`;
-          }
-          return style;
         }
-      );
+        if (unref(getShowFullHeaderRef)) {
+          style.top = `${HEADER_HEIGHT}px`;
+        }
+        return style;
+      });
 
       const getIsFixed = computed(() => {
         return unref(getFixed) || unref(getShowFullHeaderRef);
       });
 
-      const getPlaceholderDomStyle = computed(
+      const getPlaceholderDomStyle = computed((): CSSProperties => {
-        (): CSSProperties => {
+        let height = 0;
-          let height = 0;
+        if (
-          if (
+          (unref(getShowFullHeaderRef) || !unref(getSplit)) &&
-            (unref(getShowFullHeaderRef) || !unref(getSplit)) &&
+          unref(getShowHeader) &&
-            unref(getShowHeader) &&
+          !unref(getFullContent)
-            !unref(getFullContent)
+        ) {
-          ) {
+          height += HEADER_HEIGHT;
-            height += HEADER_HEIGHT;
-          }
-          if (unref(getShowMultipleTab) && !unref(getFullContent)) {
-            height += TABS_HEIGHT;
-          }
-          headerHeightRef.value = height;
-          return {
-            height: `${height}px`,
-          };
         }
-      );
+        if (unref(getShowMultipleTab) && !unref(getFullContent)) {
+          height += TABS_HEIGHT;
+        }
+        headerHeightRef.value = height;
+        return {
+          height: `${height}px`,
+        };
+      });
 
       const getClass = computed(() => {
         return [
@@ -116,7 +112,7 @@
     flex: 0 0 auto;
 
     &--dark {
-      margin-left: 0;
+      margin-left: -1px;
     }
 
     &--fixed {

src/layouts/default/header/index.less

@@ -166,7 +166,7 @@
 
   &--dark {
     background-color: @header-dark-bg-color !important;
-    border-bottom: 1px solid @border-color-base;
+    // border-bottom: 1px solid @border-color-base;
     border-left: 1px solid @border-color-base;
     .@{header-prefix-cls}-logo {
       &:hover {