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