style: 布局容器调整

src/layouts/default.vue

@@ -8,19 +8,17 @@ const router = useRouter()
 <template>
   <el-container class="main">
     <el-header class="header" />
-    <el-container>
+    <el-container class="container">
       <el-aside class="aside">
         <div v-for="item in authRoutes" :key="item.path" class="aside-item" :class="{ 'aside-item-active': router.currentRoute.value.path === item.path }" @click="router.push(item.path)">
           <img src="../assets/images/home.svg" alt="">
           <span>{{ item.meta!.title }}</span>
         </div>
       </el-aside>
-      <el-container>
       <el-main>
         <router-view class="content" />
       </el-main>
     </el-container>
-    </el-container>
     <el-footer class="footer" />
   </el-container>
 </template>
@@ -33,6 +31,9 @@ const router = useRouter()
   .header {
     height: 60px;
   }
+  .container {
+    height: calc(100% - 120px);
+  }
 }
 .aside {
   width: 150px;
@@ -60,6 +61,7 @@ const router = useRouter()
 }
 .el-main {
   padding: 0 15px;
+  height: 100%;
 }
 .content {
   height: 100%;