diff --git a/src/styles/element-ui.scss b/src/styles/element-ui.scss index e47a785..c19dc9f 100644 --- a/src/styles/element-ui.scss +++ b/src/styles/element-ui.scss @@ -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)太浅,统一加深一档到 #909399(Element Plus 次级文字标准灰)。 +// ============ 输入框 / 下拉框占位符与选中值颜色 ============ +// 客户反馈默认 placeholder 灰色(#a8abb2)太浅,统一加深到 #909399(Element 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; +} diff --git a/src/views/business/contract-manage.vue b/src/views/business/contract-manage.vue index 77f0e57..cb388b0 100644 --- a/src/views/business/contract-manage.vue +++ b/src/views/business/contract-manage.vue @@ -577,7 +577,7 @@