style(cargo-type): 调整搜索栏标签宽度及表格样式
- 将搜索栏标签宽度从80px调整为50px,优化界面布局 - 覆盖Avue内置搜索栏label最小宽度样式 - 设置表格行高为44px,提升内容显示密度 - 调整表格单元格内边距为6px,增强视觉效果 - 维护偶数行背景色和边框颜色不变
This commit is contained in:
@@ -35,7 +35,7 @@ export const getCargoTypeOption = ctx => ({
|
||||
updateBtnText: '提交',
|
||||
searchShow: true,
|
||||
searchIcon: false,
|
||||
searchLabelWidth: 80,
|
||||
searchLabelWidth: 50,
|
||||
searchMenuSpan: 24,
|
||||
searchIndex: 8,
|
||||
searchMenuPosition: 'right',
|
||||
|
||||
@@ -611,13 +611,18 @@ export default {
|
||||
|
||||
// 搜索栏 label 收窄(覆盖 Avue 内置 min-width:160px)
|
||||
:deep(.avue-crud__search) .el-form-item_label {
|
||||
min-width: 80px !important;
|
||||
width: 80px !important;
|
||||
min-width: 50px !important;
|
||||
width: 50px !important;
|
||||
}
|
||||
|
||||
:deep(.el-table) {
|
||||
--el-table-border-color: #eff1f7;
|
||||
--el-table-row-hover-bg-color: #f5f7fa;
|
||||
--el-table-row-height: 44px;
|
||||
|
||||
.el-table__cell {
|
||||
padding: 6px 0;
|
||||
}
|
||||
}
|
||||
|
||||
:deep(.el-table__body tr:nth-child(even) > td.el-table__cell) {
|
||||
|
||||
Reference in New Issue
Block a user