Browse Source

feat: SearchForm Table 兼容手机端调整

lanceJiang 10 months ago
parent
commit
1db774ce2a
2 changed files with 44 additions and 3 deletions
  1. 3 3
      src/styles/lance-element/searchForm.scss
  2. 41 0
      src/styles/lance-element/table.scss

+ 3 - 3
src/styles/lance-element/searchForm.scss

@@ -84,9 +84,9 @@
 		.action-wrap {
 			//padding-left: 12px;
 			margin-top: 10px;
-			/*display: inline-flex;
-			//margin-top: 10px;
-			vertical-align: middle;*/
+			display: inline-flex;
+			flex-wrap: wrap;
+			justify-content: flex-end;
 			.el-button--default {
 				padding: 8px;
 			}

+ 41 - 0
src/styles/lance-element/table.scss

@@ -288,3 +288,44 @@
 		justify-content: flex-end;
 	}
 }
+
+@media (max-width: 750px) {
+	.#{$prefix}table-warp {
+		.el-pagination {
+			--el-pagination-item-gap: 4px;
+			--el-pagination-font-size: 12px;
+			--el-pagination-button-width: 26px;
+			--el-pagination-button-height: 26px;
+			--el-font-size-base: 12px;
+			/*.el-pagination__total {
+				display: none;
+			}
+			.el-pagination__sizes {
+				display: none;
+			}*/
+			/*&__jump {
+				display: none;
+			}*/
+			.el-pager {
+				display: none;
+			}
+			.el-input {
+				&__inner {
+					--el-input-inner-height: 26px;
+				}
+				&__wrapper {
+					padding: 0 2px;
+				}
+			}
+			.el-select .el-input {
+				width: 76px;
+				/*&__inner {
+					--el-input-inner-height: 26px;
+				}
+				&__wrapper {
+					padding: 0 2px;
+				}*/
+			}
+		}
+	}
+}