From 0ee886d4c3bc5024881de4b72cb7b74376b3e137 Mon Sep 17 00:00:00 2001
From: yuntian001 <479820787@qq.com>
Date: Thu, 15 Sep 2022 21:05:43 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E5=B0=86main=E9=AB=98=E5=BA=A6?=
 =?UTF-8?q?=E8=AE=BE=E7=BD=AE=E4=B8=BA=E5=89=A9=E4=BD=99=E9=AB=98=E5=BA=A6?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/layout/index.vue | 17 ++++++++++++-----
 1 file changed, 12 insertions(+), 5 deletions(-)

diff --git a/src/layout/index.vue b/src/layout/index.vue
index 913ab1c3..b7e82ab6 100644
--- a/src/layout/index.vue
+++ b/src/layout/index.vue
@@ -8,9 +8,9 @@
         <layout-header></layout-header>
       </el-header>
       <el-main class="right-main">
-        <el-scrollbar>
+        <el-scrollbar view-class="el-main-parent">
           <layout-header v-if="!themeConfig.fixedHeader"></layout-header>
-          <div class="main">
+          <div class="el-main">
             <layout-page :transition="{ name: 'fade-transform', mode: 'out-in' }"></layout-page>
           </div>
         </el-scrollbar>
@@ -60,10 +60,17 @@ const globalStore = useGlobalStore();
     }
   }
 }
-
-.main {
-  padding: $page-padding;
+:deep(.el-main-parent) {
+  min-height: 100%;
+  display: flex;
+  flex-direction: column;
+  .el-main {
+    flex-grow: 1;
+    flex-shrink: 1;
+    padding: $page-padding;
+  }
 }
+
 .fixed-setting {
   position: fixed;
   top: 50%;