style(ui): 统一底部操作栏按钮间距,取消所有gap样式

- 移除各底部操作栏(footer/__actions/page-actions)内所有gap属性
- 按钮间距统一采用 Element Plus 全局默认的相邻按钮12px margin-left规则
- 修改 .el-dialog__footer 内.el-button间距由8px调整为12px,保持全站一致
- 确认 Avue 表单底部按钮无自带间距,去gap后间距由 Element Plus 提供
- 涉及模块覆盖 vehicle、payment、business、settlement,移除了相关组件样式中gap属性
- MEMORY.md规范更新,补充底栏按钮间距统一为无gap纯文字规则
This commit is contained in:
2026-08-27 11:39:13 +08:00
parent 2acdcb08a9
commit c9f673342a
18 changed files with 12 additions and 18 deletions
+1 -1
View File
@@ -194,7 +194,7 @@
border-radius: 0 0 var(--el-dialog-border-radius, 4px);
.el-button + .el-button {
margin-left: 8px;
margin-left: 12px;
}
}
@@ -15311,7 +15311,6 @@ export default {
display: flex;
align-items: center;
justify-content: flex-end;
gap: 8px;
min-height: 64px;
box-sizing: border-box;
padding: 12px 24px;
@@ -705,7 +705,7 @@ export default {
.freight-form { :deep(.freight-unit-select) { width: 92px; flex: 0 0 92px; min-width: 0; } }
.carrier-type-form { margin-top: 16px; }
.carrier-form { padding-top: 8px; }
.segment-actions { display: flex; justify-content: flex-end; gap: 12px; padding-top: 4px; }
.segment-actions { display: flex; justify-content: flex-end; padding-top: 4px; }
.dispatch-bottom { position: fixed; z-index: 10; bottom: 0; left: $sidebar_width; width: calc(100% - #{$sidebar_width}); border-top: 1px solid #eff1f7; background: #fff; box-shadow: 0 -2px 8px rgba(0, 0, 0, 0.04); }
:global(.avue--collapse) .dispatch-bottom { left: $sidebar_collapse; width: calc(100% - #{$sidebar_collapse}); }
:global(.avue-layout--horizontal) .dispatch-bottom { left: 0; width: 100%; }
@@ -714,7 +714,7 @@ export default {
.pending-summary, .pending-actions { display: flex; align-items: center; }
.pending-summary { gap: 16px; }
.pending-summary-text { color: #606266; font-weight: 400; }
.pending-actions { gap: 12px; margin-left: auto; }
.pending-actions { margin-left: auto; }
.pending-list { max-height: min(420px, calc(100vh - 130px)); padding: 0 32px 16px; overflow: auto; h3 { margin: 14px 0 10px; font-size: 14px; } }
.table-actions { display: flex; flex-wrap: wrap; gap: 8px; }
@media screen and (max-width: 1200px) { .overview-content { grid-template-columns: 1fr; } .route-overview { justify-content: flex-start; } }
@@ -2050,7 +2050,6 @@ export default {
footer {
display: flex;
justify-content: flex-end;
gap: 12px;
padding: 12px 24px;
position: fixed;
right: 0;
-1
View File
@@ -2281,7 +2281,6 @@ export default {
.project-apply-dialog__footer {
display: flex;
justify-content: flex-end;
gap: 8px;
.project-apply-page-form & {
position: fixed;
-1
View File
@@ -592,7 +592,6 @@ export default {
.bill-ledger-form-page__actions {
display: flex;
justify-content: flex-end;
gap: 12px;
padding: 12px 24px;
position: fixed;
right: 0;
-1
View File
@@ -399,7 +399,6 @@ export default {
.bill-payment-form-page__actions {
display: flex;
justify-content: flex-end;
gap: 12px;
padding: 12px 24px;
position: fixed;
right: 0;
@@ -980,7 +980,6 @@ export default {
.invoice-form-page__actions {
display: flex;
justify-content: flex-end;
gap: 12px;
padding: 12px 24px;
position: fixed;
right: 0;
@@ -777,7 +777,6 @@ export default {
.receipt-form-page__actions {
display: flex;
justify-content: flex-end;
gap: 12px;
padding: 12px 24px;
position: fixed;
right: 0;
@@ -1283,7 +1283,6 @@ export default {
.payment-form-page__actions {
display: flex;
justify-content: flex-end;
gap: 12px;
padding: 12px 24px;
position: fixed;
right: 0;
@@ -313,7 +313,6 @@ export default {
.claim-record-form-page__actions {
display: flex;
justify-content: flex-end;
gap: 12px;
padding: 12px 24px;
position: fixed;
right: 0;
-1
View File
@@ -472,7 +472,6 @@ export default {
.receipt-claim-form-page__actions {
display: flex;
justify-content: flex-end;
gap: 12px;
padding: 12px 24px;
position: fixed;
right: 0;
@@ -1548,7 +1548,6 @@ export default {
justify-content: flex-end;
padding: 12px 24px;
border-top: 1px solid #eff1f7;
gap: 12px;
position: fixed;
right: 0;
left: 230px;
@@ -1531,7 +1531,6 @@ export default {
justify-content: flex-end;
padding: 12px 24px;
border-top: 1px solid #eff1f7;
gap: 12px;
position: fixed;
right: 0;
left: 230px;
@@ -1841,7 +1841,6 @@ export default {
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: 8px;
}
.settlement-detail-page__pagination {
-1
View File
@@ -5063,7 +5063,6 @@ export default {
.archive-form__footer {
display: flex;
justify-content: flex-end;
gap: 12px;
.archive-page-form & {
position: fixed;
right: 0;