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

fix: 移动端按钮组对齐 (block + margin reset, 查找重置不再偏移)

Browse Source
This commit is contained in:
guoju0808
2026-08-26 11:39:01 +00:00
parent a0f566eb38
commit ce26361b30
2 changed files with 9 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files
ry-vue3/src/assets/main.scss
+9 -1
View File
@@ -287,9 +287,17 @@ h1, h2, h3, h4, h5, h6 { margin: 0; font-weight: 600; color: var(--el-text-color
.filter-form .el-date-editor, .filter-form .el-date-editor,
.filter-form .el-cascader, .filter-form .el-cascader,
.filter-form > .el-button, .filter-form > .el-button,
.filter-form > button { .filter-form > button,
/* 修复: form-item 内嵌套的 button (如"查找/重置"挤在同一个 el-form-item 中) */
.filter-form .el-form-item .el-button {
width: 100% !important; width: 100% !important;
min-width: 0 !important; min-width: 0 !important;
margin-left: 0 !important;
margin-right: 0 !important;
display: block !important; /* 强制块级, 避免 inline 横排 */
}
.filter-form .el-form-item .el-button + .el-button {
margin-top: 8px !important;
} }
.filter-form .filter-actions { .filter-form .filter-actions {
display: flex; display: flex;
ry-vue3/src/views/manager/Projects.vue
-3
View File
@@ -816,9 +816,6 @@ watch(() => route.path + (route.query._t || ''), () => load())
.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: 1.6 !important;
display: flex !important;
flex-direction: column !important;
gap: 8px !important;
} }
/* 强制所有控件全宽, 覆盖 inline 260px / 140px / 120px */ /* 强制所有控件全宽, 覆盖 inline 260px / 140px / 120px */
.filter-form :deep(.el-select), .filter-form :deep(.el-select),