admin/guoju0808
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: 移动端 filter-form 保持横向布局 (label 左 + input 右, 不再上下堆叠)

Browse Source
This commit is contained in:
guoju0808
2026-08-26 11:40:40 +00:00
parent ce26361b30
commit 614a31c404
1 changed files with 12 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files
ry-vue3/src/views/manager/Projects.vue
+12 -7
View File
@@ -792,7 +792,7 @@ watch(() => route.path + (route.query._t || ''), () => load())
height: 30px !important; height: 30px !important;
} }
/* filter-form: 强制单列堆叠 (覆盖 inline style="width:260px" 等) */ /* filter-form: label 与输入框保持横向 (label 左, input 右, 跟桌面一致) */
.filter-form { .filter-form {
display: flex !important; display: flex !important;
flex-direction: column !important; flex-direction: column !important;
@@ -800,22 +800,27 @@ watch(() => route.path + (route.query._t || ''), () => load())
gap: 10px !important; gap: 10px !important;
} }
.filter-form :deep(.el-form-item) { .filter-form :deep(.el-form-item) {
display: block !important; display: flex !important;
align-items: center !important;
margin-right: 0 !important; margin-right: 0 !important;
margin-bottom: 0 !important; margin-bottom: 0 !important;
} }
.filter-form :deep(.el-form-item__label) { .filter-form :deep(.el-form-item__label) {
float: none !important; float: none !important;
width: auto !important; width: auto !important;
text-align: left !important; min-width: 80px !important;
padding: 0 0 4px !important; text-align: right !important;
padding: 0 8px 0 0 !important;
font-size: 13px !important; font-size: 13px !important;
color: var(--el-text-color-secondary) !important; color: var(--el-text-color-regular) !important;
line-height: 1.5 !important; line-height: 32px !important;
height: 32px !important;
} }
.filter-form :deep(.el-form-item__content) { .filter-form :deep(.el-form-item__content) {
margin-left: 0 !important; margin-left: 0 !important;
line-height: 1.6 !important; line-height: 32px !important;
flex: 1 !important;
min-width: 0 !important;
} }
/* 强制所有控件全宽, 覆盖 inline 260px / 140px / 120px */ /* 强制所有控件全宽, 覆盖 inline 260px / 140px / 120px */
.filter-form :deep(.el-select), .filter-form :deep(.el-select),