1

src/layout/components/AppMain.vue

@@ -53,10 +53,13 @@ export default {
   overflow: hidden;
   
   @media (max-width: 768px) {
-    min-height: calc(100vh - 48px);
+    min-height: calc(100vh - 48px - 60px); // 减去头部和底部导航
     overflow-x: hidden;
-    overflow-y: auto;
+    overflow-y: visible;
     -webkit-overflow-scrolling: touch;
+    height: auto;
+    max-height: none;
+    position: static;
   }
 }
 

src/layout/index.vue

@@ -87,6 +87,18 @@ export default {
       position: fixed;
       top: 0;
     }
+    
+    @media (max-width: 768px) {
+      &.mobile {
+        height: auto;
+        min-height: 100vh;
+        position: relative;
+        
+        &.openSidebar {
+          position: relative;
+        }
+      }
+    }
   }
 
   .drawer-bg {
@@ -136,6 +148,9 @@ export default {
       .main-container {
         margin-left: 0 !important;
         width: 100%;
+        height: auto !important;
+        min-height: 100vh;
+        overflow: visible;
         
         &.mobile-layout {
           padding-bottom: 60px; // 为底部导航预留空间