样式问题优化

src/assets/styles/index.scss

@@ -121,7 +121,7 @@ aside {
 
 //main-container全局样式
 .app-container {
-  height: calc(100vh - 84px);
+  // height: calc(100vh - 84px);
   padding: 20px;
   box-sizing: border-box;
   display: flex;

src/assets/styles/sidebar.scss

@@ -4,7 +4,10 @@
     height: 100%;
     transition: margin-left .28s;
     margin-left: $base-sidebar-width;
-    position: relative;
+    position: relative; 
+    display: flex;
+    flex-direction: column;
+    overflow: hidden;
   }
 
   .sidebarHide {

src/layout/components/AppMain.vue

@@ -10,7 +10,7 @@
 </template>
 
 <script>
-import iframeToggle from "./IframeToggle/index"
+import iframeToggle from './IframeToggle/index'
 
 export default {
   name: 'AppMain',
@@ -21,18 +21,20 @@ export default {
     },
     key() {
       return this.$route.path
-    }
-  }
+    },
+  },
 }
 </script>
 
 <style lang="scss" scoped>
 .app-main {
   /* 50= navbar  50  */
-  min-height: calc(100vh - 50px);
+  // min-height: calc(100vh - 50px);
+  flex: 1;
   width: 100%;
   position: relative;
-  overflow: hidden;
+  overflow: auto;
+  // background-color: skyblue;
 }
 
 .fixed-header + .app-main {
@@ -41,8 +43,10 @@ export default {
 
 .hasTagsView {
   .app-main {
+    flex: 1;
+    overflow: auto;
     /* 84 = navbar + tags-view = 50 + 34 */
-    min-height: calc(100vh - 84px);
+    // min-height: calc(100vh - 84px);
   }
 
   .fixed-header + .app-main {

src/views/high-formwork/index.vue

@@ -0,0 +1,9 @@
+<template>
+  <div class="app-container"> 高支模分组管理 </div>
+</template>
+
+<script>
+export default {}
+</script>
+
+<style></style>