1

src/assets/styles/ruoyi.scss

@@ -137,6 +137,68 @@
   .pagination-container .el-pagination > .el-pagination__sizes {
     display: none !important;
   }
+  
+  // 表格移动端优化
+  .el-table {
+    font-size: 12px;
+    
+    .el-table__header-wrapper,
+    .el-table__body-wrapper {
+      overflow-x: auto;
+      -webkit-overflow-scrolling: touch;
+    }
+    
+    th, td {
+      padding: 8px 5px !important;
+      font-size: 12px;
+    }
+    
+    .el-table__cell {
+      padding: 8px 5px !important;
+    }
+  }
+  
+  // 表单移动端优化
+  .form-header {
+    font-size: 14px;
+    margin: 5px 5px 15px 5px;
+    padding-bottom: 5px;
+  }
+  
+  // 卡片移动端优化
+  .el-card__header {
+    padding: 10px 12px 5px !important;
+    font-size: 14px;
+  }
+  
+  .el-card__body {
+    padding: 12px 15px 15px 15px !important;
+  }
+  
+  // 按钮组移动端优化
+  .top-right-btn {
+    float: none;
+    margin-bottom: 10px;
+    width: 100%;
+    
+    .el-button {
+      width: 100%;
+      margin-bottom: 8px;
+    }
+  }
+  
+  // 工具类移动端优化
+  .mb20, .mt20, .mr20, .ml20 {
+    margin: 10px !important;
+  }
+  
+  .mb10, .mt10, .mr10, .ml10 {
+    margin: 8px !important;
+  }
+  
+  .mb5, .mt5, .mr5, .ml5 {
+    margin: 5px !important;
+  }
 }
 
 .el-table .fixed-width .el-button--mini {