feat:添加退出导览按钮

src/views/overview.component.html

@@ -46,6 +46,11 @@
     <div class="top-bg" :style="{top:hideAllPanel?'-90px':0}">
         <HeaderComponent @onDrawer="drawerChange($event)" @onNavChanged="navChange($event)"></HeaderComponent>
     </div>
+    <div class="exitFullScreen" :style="{top:!hideAllPanel?'-90px':0}" >
+        <div class="top-btn" @click="toggleAllPanel">
+            <i class="el-icon-close">退出自由导览</i>
+        </div>
+        </div>
 
 
 </div>

src/views/overview.component.scss

@@ -73,7 +73,24 @@
     background: linear-gradient(180deg, #333333 0%, rgba(51, 51, 51, 0) 100%);
     transition:top 2s;
   }
+  .exitFullScreen{
+    width: 100%;
+    left: 0;
+    position: absolute;
+    top: 0;
+    z-index: 9;
+    pointer-events: none;
+    height: 90px;
+    text-align: center;
+    background: linear-gradient(180deg, #333333 0%, rgba(51, 51, 51, 0) 100%);
+    line-height: 80px;
+    transition:top 2s;
 
+    .top-btn{
+      pointer-events: auto;
+      cursor: pointer;
+    }
+  }
   .fixed-btn {
     width: 50px;
     height: 50px;

src/views/overview.component.ts

@@ -200,7 +200,7 @@ export default class OverViewComponent extends BaseComponent {
     }
 
 
-    
+
     deactivated(){
         console.log(123)
     }