将el-scrollbar移动到main-container下，避免鼠标移出时无法隐藏的问题

 #app {
 #app {
 
 
   .main-container {
   .main-container {
-    min-height: 100%;
+    height: 100%;
     transition: margin-left .28s;
     transition: margin-left .28s;
     margin-left: $base-sidebar-width;
     margin-left: $base-sidebar-width;
     position: relative;
     position: relative;

 <template>
 <template>
   <div :class="classObj" class="app-wrapper" :style="{'--current-color': theme}">
   <div :class="classObj" class="app-wrapper" :style="{'--current-color': theme}">
-    <el-scrollbar>
       <div v-if="device==='mobile'&&sidebar.opened" class="drawer-bg" @click="handleClickOutside"/>
       <div v-if="device==='mobile'&&sidebar.opened" class="drawer-bg" @click="handleClickOutside"/>
       <sidebar v-if="!sidebar.hide" class="sidebar-container"/>
       <sidebar v-if="!sidebar.hide" class="sidebar-container"/>
       <div :class="{hasTagsView:needTagsView,sidebarHide:sidebar.hide}" class="main-container">
       <div :class="{hasTagsView:needTagsView,sidebarHide:sidebar.hide}" class="main-container">
+        <el-scrollbar>
           <div :class="{'fixed-header':fixedHeader}">
           <div :class="{'fixed-header':fixedHeader}">
             <navbar/>
             <navbar/>
             <tags-view v-if="needTagsView"/>
             <tags-view v-if="needTagsView"/>
@@ -12,9 +12,9 @@
           <right-panel>
           <right-panel>
             <settings/>
             <settings/>
           </right-panel>
           </right-panel>
-      </div>
         </el-scrollbar>
         </el-scrollbar>
       </div>
       </div>
+  </div>
 </template>
 </template>
 
 
 <script>
 <script>