From ee84cad0332865d6e2fd66645c8c0d037a75df6a Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E8=B5=B5=E5=BF=A0=E6=9E=97?= <170083662@qq.com> Date: Wed, 29 Jul 2026 16:02:06 +0800 Subject: [PATCH] =?UTF-8?q?style(table):=20=E4=BC=98=E5=8C=96=E8=A1=A8?= =?UTF-8?q?=E6=A0=BC=E6=A0=B7=E5=BC=8F=E5=92=8C=E5=B8=83=E5=B1=80=E8=87=AA?= =?UTF-8?q?=E9=80=82=E5=BA=94?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit - 移除 basic-container 内部 el-card 的无效 box-shadow 样式 - 调整表头单元格高度,增加上下内边距至10px - 保持数据行单元格紧凑,内边距缩小至2px上下 - 改善表格底部空白区域,自适应高度,不再强制填满 - 使表格容器高度自动适应内容尺寸 --- src/views/base/cargo-type.vue | 25 +++++++++++++++++++------ 1 file changed, 19 insertions(+), 6 deletions(-) diff --git a/src/views/base/cargo-type.vue b/src/views/base/cargo-type.vue index ac2dcf2..ac65e39 100644 --- a/src/views/base/cargo-type.vue +++ b/src/views/base/cargo-type.vue @@ -600,10 +600,6 @@ export default { background: transparent; } - :deep(.el-card) { - box-shadow: none; - } - // ��除 basic-container 卡片内层 el-card 的 padding(规范 4.4) :deep(.basic-container__card) > .el-card__body { padding: 0; @@ -620,9 +616,26 @@ export default { --el-table-row-hover-bg-color: #f5f7fa; --el-table-row-height: 40px; - .el-table__cell { - padding: 1px 0; + // 表头加高 + .el-table__header-wrapper .el-table__cell { + padding: 10px 0; } + + // 数据行保持紧凑 + .el-table__body .el-table__cell { + padding: 2px 0; + } + } + + // 底部空白区域自适应:表格 body 不再强制撑满计算高度 + :deep(.avue-crud .el-table__body-wrapper) { + max-height: none !important; + height: auto !important; + } + + // 同步让外层表格容器也自适应 + :deep(.avue-crud .el-table) { + height: auto !important; } :deep(.el-table__body tr:nth-child(even) > td.el-table__cell) {