style(contract-manage): 优化描述组件布局和样式调整

- 将多个 el-descriptions 组件的 columns 属性从3调整为4,提升信息展示密度
- 扩展备注栏跨度以适应新列数布局
- 修改网格布局grid-template-columns为4列,调整列间距与行间距适配新样式
- 调整部分宽度属性,使界面自适应更合理
- 在customer-archive视图中移除多余的section-card标签,清理无用代码
- 修改全局样式element-ui.scss中的表单项底部间距由1px改为8px,提升控件间距协调性
- 优化输入框及下拉框占位符及选中值颜色,使视觉识别度更高且统一全站设计规范
This commit is contained in:
2026-08-27 15:55:17 +08:00
parent c9f673342a
commit 9342e674c5
3 changed files with 21 additions and 13 deletions
+12 -3
View File
@@ -127,7 +127,7 @@
.avue-crud__search .el-form-item--small.el-form-item,
.avue-crud__search .el-form-item--large.el-form-item,
.avue-crud__search .el-form-item--medium.el-form-item {
margin-bottom: 1px;
margin-bottom: 8px;
}
.avue-crud__search .el-form-item__label {
@@ -1072,8 +1072,8 @@
font-size: var(--el-form-label-font-size);
}
// ============ 加深输入框 / 下拉框占位符颜色 ============
// 客户反馈默认 placeholder 灰色(#a8abb2)太浅,统一加深一档到 #909399Element Plus 次级文字标准灰)。
// ============ 输入框 / 下拉框占位符与选中值颜色 ============
// 客户反馈默认 placeholder 灰色(#a8abb2)太浅,统一加深到 #909399Element Plus 次级文字标准灰)。
// 同时覆盖原生 input/textarea 与 el-select 的占位文本,保证全站一致。
// 注:.el-select__placeholder.is-transparent 是聚焦未选值时的透明态,无需处理。
.el-input__inner,
@@ -1092,6 +1092,15 @@
}
}
// 未选中:占位符用次级灰 #909399
.el-select__placeholder {
color: #909399 !important;
}
// 已选中:选中文本用主文字色 #333333,与占位符明显区分。
// 注意:Element Plus 选中值节点同时带 el-select__selected-item 与 el-select__placeholder 两个类,
// 而上面占位符规则用了 !important,故此处必须同样 !important 才能胜出(本规则 specificity 更高)。
// 仅作用于非禁用态,禁用态保留 Element Plus 的禁用灰(--el-select-disabled-color),避免被覆盖。
.el-select__wrapper:not(.is-disabled) .el-select__selected-item {
color: #606266 !important;
}