style(customer-archive): 优化编辑弹窗表单布局和样式
- 将 el-form 的 label-width 固定为 96px,保证标签宽度统一 - 调整 form 各部分 gutter 为 24,使列间距更均匀 - 联系信息分组布局由三列改为四列,与其他分组对齐 - 提升 label 支持自动换行,解决长标签截断问题 - 在全局样式中新添弹窗内自定义分组白卡样式,提升 Avue 弹窗穿透稳定性 - 修改代理配置中的 target 地址指向内网服务器 - 清理业务弹窗表格边框,移除多余 border 属性及样式
This commit is contained in:
@@ -246,6 +246,24 @@
|
||||
}
|
||||
}
|
||||
|
||||
// 3b) Avue 弹窗内自定义标题分组(formslot + dialog-section-title)渲染为白卡
|
||||
.el-dialog .avue-form__group:has(.dialog-section-title) {
|
||||
background: #fff;
|
||||
border-radius: 6px;
|
||||
box-shadow: 0 1px 4px rgba(0, 0, 0, 0.08);
|
||||
padding: 16px;
|
||||
margin-bottom: 16px;
|
||||
|
||||
.avue-form__group--title {
|
||||
padding: 0 !important;
|
||||
margin-bottom: 12px;
|
||||
}
|
||||
|
||||
.avue-form__row {
|
||||
padding: 0 !important;
|
||||
}
|
||||
}
|
||||
|
||||
// 4) 弹窗内表单项默认上下间距 16px(覆盖默认 18px / 22px)
|
||||
.el-dialog .el-form-item {
|
||||
margin-bottom: 16px;
|
||||
|
||||
Reference in New Issue
Block a user