style(cargo-type): 调整表格行高及注释部分样式
- 将表格行高从32调整为22以增强紧凑感 - 注释掉表头和数据行的 padding 样式,暂时禁用加高效果 - 注释掉表格容器的高度自适应样式,避免布局异常 - 调整分页组件容器的内边距以优化视觉间距
This commit is contained in:
@@ -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',
|
||||
|
||||
@@ -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;
|
||||
|
||||
@@ -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;
|
||||
|
||||
Reference in New Issue
Block a user