将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">
-        <div :class="{'fixed-header':fixedHeader}">
-          <navbar/>
-          <tags-view v-if="needTagsView"/>
-        </div>
-        <app-main/>
-        <right-panel>
-          <settings/>
-        </right-panel>
+        <el-scrollbar>
+          <div :class="{'fixed-header':fixedHeader}">
+            <navbar/>
+            <tags-view v-if="needTagsView"/>
+          </div>
+          <app-main/>
+          <right-panel>
+            <settings/>
+          </right-panel>
+        </el-scrollbar>
       </div>
       </div>
-    </el-scrollbar>
   </div>
   </div>
 </template>
 </template>