From 77aae79bac8e8e03b647bc45cbd208292a909bd0 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=A5=94=E8=B7=91=E7=9A=84=E9=9D=A2=E6=9D=A1?=
 <1262327911@qq.com>
Date: Thu, 7 Apr 2022 15:52:27 +0800
Subject: [PATCH] =?UTF-8?q?fix:=20=E4=BF=AE=E6=94=B9=E5=9B=BE=E8=A1=A8?=
 =?UTF-8?q?=E7=BC=96=E8=BE=91=E5=8C=BA=E5=9F=9F=E5=BA=95=E9=83=A8=E5=B1=95?=
 =?UTF-8?q?=E7=A4=BA=E9=97=AE=E9=A2=98?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/chart/ContentBox/index.vue          | 34 +++++++++----------
 .../chart/ContentConfigurations/index.vue     |  2 +-
 2 files changed, 18 insertions(+), 18 deletions(-)

diff --git a/src/views/chart/ContentBox/index.vue b/src/views/chart/ContentBox/index.vue
index f676f844..7b610b0c 100644
--- a/src/views/chart/ContentBox/index.vue
+++ b/src/views/chart/ContentBox/index.vue
@@ -12,18 +12,13 @@
       </n-space>
       <n-space>
         <slot name="top-right"></slot>
-        <n-icon
-          v-show="backIcon"
-          size="20"
-          class="go-cursor-pointer"
-          @click="backHandle"
-        >
+        <n-icon v-show="backIcon" size="20" class="go-cursor-pointer" @click="backHandle">
           <chevron-back-outline-icon></chevron-back-outline-icon>
         </n-icon>
       </n-space>
     </div>
 
-    <aside class="content">
+    <aside class="content" :class="{'content-height-show-top': showTop}">
       <template v-if="xScroll">
         <n-scrollbar x-scrollable>
           <n-scrollbar>
@@ -94,31 +89,31 @@ $topHeight: 40px;
   margin: 1px;
   margin-bottom: 0;
   &.bg-depth0 {
-    @include filter-bg-color('background-color1');
+    @include filter-bg-color("background-color1");
     .bottom,
     .top {
-      @include filter-bg-color('background-color1');
+      @include filter-bg-color("background-color1");
     }
   }
   &.bg-depth1 {
-    @include filter-bg-color('background-color1');
+    @include filter-bg-color("background-color1");
     .bottom,
     .top {
-      @include filter-bg-color('background-color2');
+      @include filter-bg-color("background-color2");
     }
   }
   &.bg-depth2 {
-    @include filter-bg-color('background-color2');
+    @include filter-bg-color("background-color2");
     .bottom,
     .top {
-      @include filter-bg-color('background-color3');
+      @include filter-bg-color("background-color3");
     }
   }
   &.bg-depth3 {
-    @include filter-bg-color('background-color3');
+    @include filter-bg-color("background-color3");
     .bottom,
     .top {
-      @include filter-bg-color('background-color4');
+      @include filter-bg-color("background-color4");
     }
   }
   &.flex {
@@ -132,17 +127,22 @@ $topHeight: 40px;
     align-items: center;
     height: $topHeight;
     padding: 0 10px;
+    border-top: 1px solid;
+    @include filter-border-color("hover-border-color");
     .mt-1 {
       margin-top: 2px;
     }
   }
   .top {
     border-bottom: 1px solid;
-    @include filter-border-color('background-color1');
+    @include filter-border-color("background-color1");
   }
   .content {
-    height: calc(100vh - #{$--header-height} - #{$topHeight});
+    height: calc(100vh - #{$--header-height});
     overflow: hidden;
+    &.content-height-show-top {
+      height: calc(100vh - #{$--header-height} - #{$topHeight});
+    }
   }
 }
 </style>
diff --git a/src/views/chart/ContentConfigurations/index.vue b/src/views/chart/ContentConfigurations/index.vue
index 9e880a85..baedfe13 100644
--- a/src/views/chart/ContentConfigurations/index.vue
+++ b/src/views/chart/ContentConfigurations/index.vue
@@ -16,7 +16,7 @@
     >
       <content-box
         class="go-content-layers go-boderbox"
-        :showTop="false"
+        :show-top="false"
         :depth="2"
       >
         <!-- 页面配置 -->