1

src/components/ListLayout/index.vue

@@ -109,19 +109,26 @@ export default {
 /* 响应式设计 */
 @media (max-width: 768px) {
   .list-layout {
-    height: calc(100vh - 50px); /* 移动端调整高度 */
+    height: calc(100vh - 48px - 60px); /* 移动端调整高度：减去头部和底部导航 */
   }
   
   .search-section {
-    padding: 15px;
+    padding: 12px;
+    max-height: 50vh;
+    overflow-y: auto;
+    -webkit-overflow-scrolling: touch;
   }
   
   .table-section {
-    padding: 0 15px;
+    padding: 0 10px;
+    flex: 1;
+    min-height: 0;
   }
   
   .pagination-section {
-    padding: 10px 15px;
+    padding: 8px 10px;
+    /* 移动端隐藏分页，因为很少用 */
+    display: none;
   }
 }
 </style>