style(ui): 优化必填星号与多行label的对齐方式
- 修复客商档案中必填项红色星号 * 与首行文字未垂直居中的问题 - 全站统一必填星号 * 的垂直居中规则,兼容单行与多行 label - 临时额度管理弹窗多行 label 调整星号与首字对齐,避免视觉偏移 - 调整客户档案中信用评分表和附件描述布局,使字段间距合理且内容可编辑 - /business/project-apply 搜索栏项目负责人改为手动输入,优化模糊查询体验 - 新增项目编号、客户名称、下游承运商三个搜索字段,增加查询灵活性 - 调整项目申请按钮权限顺序,新增及重大项目补录按钮功能互换 - 注释隐藏tags.vue中avue-tags相关菜单按钮,简化界面 - 修改vite开发服务器端口和代理配置,指向内网环境方便调试 - 更新 pnpm-lock.yaml 应用 avue 相关补丁,保证依赖兼容性
This commit is contained in:
@@ -1052,6 +1052,18 @@
|
||||
.el-form-item--default {
|
||||
margin-bottom: 14px;
|
||||
}
|
||||
|
||||
// ============ 必填星号 * 与首行文字垂直居中 ============
|
||||
// Element Plus 默认 .el-form-item__label 为 inline-flex + align-items: flex-start,
|
||||
// 星号 :before 高度(1em) 与文字行盒(line-height) 不一致时,多行/折行 label 会偏上。
|
||||
// 让 :before 跟随 label 行高、以 inline-block 参与行内对齐即可修复,
|
||||
// 兼容单行(默认 32px)与多行(auto + 18px)两种 label 高度场景。
|
||||
// 注:客商档案(customer-archive)的 label 为 auto 高度 + padding 下沉方案,scoped 特异性更高会覆盖本规则。
|
||||
.el-form-item.is-required .el-form-item__label::before {
|
||||
display: inline-block;
|
||||
line-height: inherit;
|
||||
margin-right: 4px;
|
||||
}
|
||||
//.el-form-item {
|
||||
// margin-bottom: 15px !important;
|
||||
//}
|
||||
|
||||
Reference in New Issue
Block a user