style(cargo-type): 调整表格行高及注释部分样式
- 将表格行高从32调整为22以增强紧凑感 - 注释掉表头和数据行的 padding 样式,暂时禁用加高效果 - 注释掉表格容器的高度自适应样式,避免布局异常 - 调整分页组件容器的内边距以优化视觉间距
This commit is contained in:
@@ -24,7 +24,7 @@ const validateRemark = (rule, value, callback) => {
|
|||||||
|
|
||||||
export const getCargoTypeOption = ctx => ({
|
export const getCargoTypeOption = ctx => ({
|
||||||
height: 'auto',
|
height: 'auto',
|
||||||
calcHeight: 32,
|
calcHeight: 22,
|
||||||
dialogWidth: 760,
|
dialogWidth: 760,
|
||||||
labelPosition: 'right',
|
labelPosition: 'right',
|
||||||
labelWidth: 'auto',
|
labelWidth: 'auto',
|
||||||
|
|||||||
@@ -263,6 +263,7 @@
|
|||||||
justify-content: flex-end;
|
justify-content: flex-end;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
box-sizing: border-box;
|
box-sizing: border-box;
|
||||||
|
padding: 10px 0 !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
.avue-crud__pagination .el-pagination,
|
.avue-crud__pagination .el-pagination,
|
||||||
@@ -277,7 +278,6 @@
|
|||||||
justify-content: flex-end;
|
justify-content: flex-end;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
gap: 6px;
|
gap: 6px;
|
||||||
padding: 18px 0 0;
|
|
||||||
color: #303133;
|
color: #303133;
|
||||||
font-size: 14px;
|
font-size: 14px;
|
||||||
font-weight: 400;
|
font-weight: 400;
|
||||||
|
|||||||
@@ -617,14 +617,14 @@ export default {
|
|||||||
--el-table-row-height: 40px;
|
--el-table-row-height: 40px;
|
||||||
|
|
||||||
// 表头加高
|
// 表头加高
|
||||||
.el-table__header-wrapper .el-table__cell {
|
//.el-table__header-wrapper .el-table__cell {
|
||||||
padding: 10px 0;
|
// padding: 10px 0;
|
||||||
}
|
//}
|
||||||
|
|
||||||
// 数据行保持紧凑
|
// 数据行保持紧凑
|
||||||
.el-table__body .el-table__cell {
|
//.el-table__body .el-table__cell {
|
||||||
padding: 2px 0;
|
// padding: 2px 0;
|
||||||
}
|
//}
|
||||||
}
|
}
|
||||||
|
|
||||||
// 底部空白区域自适应:表格 body 不再强制撑满计算高度
|
// 底部空白区域自适应:表格 body 不再强制撑满计算高度
|
||||||
@@ -634,9 +634,9 @@ export default {
|
|||||||
}
|
}
|
||||||
|
|
||||||
// 同步让外层表格容器也自适应
|
// 同步让外层表格容器也自适应
|
||||||
:deep(.avue-crud .el-table) {
|
//:deep(.avue-crud .el-table) {
|
||||||
height: auto !important;
|
// height: auto !important;
|
||||||
}
|
//}
|
||||||
|
|
||||||
:deep(.el-table__body tr:nth-child(even) > td.el-table__cell) {
|
:deep(.el-table__body tr:nth-child(even) > td.el-table__cell) {
|
||||||
background: #fafafa;
|
background: #fafafa;
|
||||||
|
|||||||
Reference in New Issue
Block a user