fix: 移动端按钮组对齐 (block + margin reset, 查找重置不再偏移)
This commit is contained in:
@@ -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-cascader,
|
||||
.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;
|
||||
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 {
|
||||
display: flex;
|
||||
|
||||
@@ -816,9 +816,6 @@ watch(() => route.path + (route.query._t || ''), () => load())
|
||||
.filter-form :deep(.el-form-item__content) {
|
||||
margin-left: 0 !important;
|
||||
line-height: 1.6 !important;
|
||||
display: flex !important;
|
||||
flex-direction: column !important;
|
||||
gap: 8px !important;
|
||||
}
|
||||
/* 强制所有控件全宽, 覆盖 inline 260px / 140px / 120px */
|
||||
.filter-form :deep(.el-select),
|
||||
|
||||
Reference in New Issue
Block a user