From 96b875314f82e63cf1295818adbe0cb5ef9a65ab Mon Sep 17 00:00:00 2001
From: RubyLiu <liulubingjava@163.com>
Date: Wed, 5 Jul 2023 11:03:27 +0800
Subject: [PATCH] =?UTF-8?q?style(=E6=8E=A5=E5=8F=A3=E6=B5=8B=E8=AF=95):=20?=
 =?UTF-8?q?=E5=88=9B=E5=BB=BA=E6=8E=A5=E5=8F=A3=E6=97=B6=E4=BE=A7=E8=BE=B9?=
 =?UTF-8?q?=E6=A0=8F=E6=B7=BB=E5=8A=A0=E5=B1=95=E5=BC=80=E6=94=B6=E8=B5=B7?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../definition/components/CustomAsideContainer.vue | 14 +++++++++++---
 1 file changed, 11 insertions(+), 3 deletions(-)

diff --git a/api-test/frontend/src/business/definition/components/CustomAsideContainer.vue b/api-test/frontend/src/business/definition/components/CustomAsideContainer.vue
index 98d4e010d7..c62ce891ca 100644
--- a/api-test/frontend/src/business/definition/components/CustomAsideContainer.vue
+++ b/api-test/frontend/src/business/definition/components/CustomAsideContainer.vue
@@ -1,5 +1,9 @@
 <template>
-  <el-aside width="300px" class="ms-aside-container">
+  <el-aside width="300px" class="ms-aside-container" :style="{'margin-left': !asideHidden ? 0 : '-300px'}">
+    <div class="hiddenBottom" @click="asideHidden = !asideHidden">
+      <i v-if="!asideHidden" class="el-icon-arrow-left"/>
+      <i v-if="asideHidden" class="el-icon-arrow-right"/>
+    </div>
     <div class="node-tree">
       <slot></slot>
     </div>
@@ -13,6 +17,11 @@ import MsHorizontalDragBar from 'metersphere-frontend/src/components/dragbar/MsL
 export default {
   name: 'MsAsideContainer',
   components: { MsHorizontalDragBar },
+  data() {
+    return {
+      asideHidden: false,
+    };
+  },
 };
 </script>
 
@@ -37,9 +46,8 @@ export default {
 .hiddenBottom {
   width: 8px;
   height: 50px;
-  /*top: calc((100vh - 80px)/3);*/
+  top: 33%;
   right: -10px;
-  /*top: 0;*/
   line-height: 50px;
   border-radius: 0 15px 15px 0;
   background-color: #acb7c1;