style(cargo-type): 调整表格行高及注释部分样式

- 将表格行高从32调整为22以增强紧凑感
- 注释掉表头和数据行的 padding 样式,暂时禁用加高效果
- 注释掉表格容器的高度自适应样式,避免布局异常
- 调整分页组件容器的内边距以优化视觉间距
This commit is contained in:
2026-07-29 16:52:14 +08:00
parent ee84cad033
commit 46d34f489e
3 changed files with 11 additions and 11 deletions

View File

@@ -24,7 +24,7 @@ const validateRemark = (rule, value, callback) => {
export const getCargoTypeOption = ctx => ({
height: 'auto',
calcHeight: 32,
calcHeight: 22,
dialogWidth: 760,
labelPosition: 'right',
labelWidth: 'auto',

View File

@@ -263,6 +263,7 @@
justify-content: flex-end;
width: 100%;
box-sizing: border-box;
padding: 10px 0 !important;
}
.avue-crud__pagination .el-pagination,
@@ -277,7 +278,6 @@
justify-content: flex-end;
width: 100%;
gap: 6px;
padding: 18px 0 0;
color: #303133;
font-size: 14px;
font-weight: 400;

View File

@@ -617,14 +617,14 @@ export default {
--el-table-row-height: 40px;
// 表头加高
.el-table__header-wrapper .el-table__cell {
padding: 10px 0;
}
//.el-table__header-wrapper .el-table__cell {
// padding: 10px 0;
//}
// 数据行保持紧凑
.el-table__body .el-table__cell {
padding: 2px 0;
}
//.el-table__body .el-table__cell {
// padding: 2px 0;
//}
}
// 底部空白区域自适应:表格 body 不再强制撑满计算高度
@@ -634,9 +634,9 @@ export default {
}
// 同步让外层表格容器也自适应
:deep(.avue-crud .el-table) {
height: auto !important;
}
//:deep(.avue-crud .el-table) {
// height: auto !important;
//}
:deep(.el-table__body tr:nth-child(even) > td.el-table__cell) {
background: #fafafa;