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

src/layouts/default/header/MultipleHeader.vue

@@ -50,8 +50,7 @@
         return unref(getFixed) || unref(getShowFullHeaderRef);
       });
 
-      const getWrapStyle = computed(
-        (): CSSProperties => {
+      const getWrapStyle = computed((): CSSProperties => {
         const style: CSSProperties = {};
         if (unref(getFixed)) {
           style.width = unref(getIsMobile) ? '100%' : unref(getCalcContentWidth);
@@ -60,15 +59,13 @@
           style.top = `${HEADER_HEIGHT}px`;
         }
         return style;
-        }
-      );
+      });
 
       const getIsFixed = computed(() => {
         return unref(getFixed) || unref(getShowFullHeaderRef);
       });
 
-      const getPlaceholderDomStyle = computed(
-        (): CSSProperties => {
+      const getPlaceholderDomStyle = computed((): CSSProperties => {
         let height = 0;
         if (
           (unref(getShowFullHeaderRef) || !unref(getSplit)) &&
@@ -84,8 +81,7 @@
         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 {