From ce42f5c2942ebad9ea9b7d10c4aabc7b876a8f90 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 19:33:14 +0800
Subject: [PATCH] =?UTF-8?q?fix:=20=E4=BF=AE=E6=94=B9editbox=E7=9A=84?=
 =?UTF-8?q?=E6=A0=B7=E5=BC=8F=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    | 25 +++++++++++++++++++------
 src/views/chart/ContentLayers/index.vue |  2 +-
 2 files changed, 20 insertions(+), 7 deletions(-)

diff --git a/src/views/chart/ContentBox/index.vue b/src/views/chart/ContentBox/index.vue
index 7b610b0c..95a6f3bf 100644
--- a/src/views/chart/ContentBox/index.vue
+++ b/src/views/chart/ContentBox/index.vue
@@ -18,7 +18,13 @@
       </n-space>
     </div>
 
-    <aside class="content" :class="{'content-height-show-top': showTop}">
+    <aside
+      class="content"
+      :class="{
+        'content-height-show-top-bottom': showBottom || showTop,
+        'content-height-show-both': showBottom && showTop
+      }"
+    >
       <template v-if="xScroll">
         <n-scrollbar x-scrollable>
           <n-scrollbar>
@@ -35,6 +41,7 @@
     </aside>
 
     <div v-if="showBottom" class="bottom go-mt-0">
+      <span>123</span>
       <slot name="bottom"></slot>
     </div>
   </div>
@@ -83,7 +90,7 @@ const backHandle = () => {
 </script>
 
 <style lang="scss" scoped>
-$topHeight: 40px;
+$topOrBottomHeight: 40px;
 @include go(content-box) {
   height: calc(100vh - #{$--header-height});
   margin: 1px;
@@ -125,7 +132,7 @@ $topHeight: 40px;
     justify-content: space-between;
     flex-wrap: nowrap;
     align-items: center;
-    height: $topHeight;
+    height: $topOrBottomHeight;
     padding: 0 10px;
     border-top: 1px solid;
     @include filter-border-color("hover-border-color");
@@ -140,9 +147,15 @@ $topHeight: 40px;
   .content {
     height: calc(100vh - #{$--header-height});
     overflow: hidden;
-    &.content-height-show-top {
-      height: calc(100vh - #{$--header-height} - #{$topHeight});
-    }
+  }
+
+  .content-height-show-top-bottom {
+    height: calc(100vh - #{$--header-height} - #{$topOrBottomHeight});
+  }
+  .content-height-show-both {
+    height: calc(
+      100vh - #{$--header-height} - #{$topOrBottomHeight} - #{$topOrBottomHeight}
+    );
   }
 }
 </style>
diff --git a/src/views/chart/ContentLayers/index.vue b/src/views/chart/ContentLayers/index.vue
index d7fe70b6..68401250 100644
--- a/src/views/chart/ContentLayers/index.vue
+++ b/src/views/chart/ContentLayers/index.vue
@@ -115,7 +115,7 @@ $wight: 170px;
     position: relative;
     top: 10px;
     white-space: nowrap;
-    opacity: .4;
+    opacity: 0.4;
   }
   &.scoped {
     width: 0;