From 46d34f489e5601ece6c49e7e75fd94c67227568a 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:52:14 +0800 Subject: [PATCH] =?UTF-8?q?style(cargo-type):=20=E8=B0=83=E6=95=B4?= =?UTF-8?q?=E8=A1=A8=E6=A0=BC=E8=A1=8C=E9=AB=98=E5=8F=8A=E6=B3=A8=E9=87=8A?= =?UTF-8?q?=E9=83=A8=E5=88=86=E6=A0=B7=E5=BC=8F?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit - 将表格行高从32调整为22以增强紧凑感 - 注释掉表头和数据行的 padding 样式,暂时禁用加高效果 - 注释掉表格容器的高度自适应样式,避免布局异常 - 调整分页组件容器的内边距以优化视觉间距 --- src/option/base/cargo-type.js | 2 +- src/styles/element-ui.scss | 2 +- src/views/base/cargo-type.vue | 18 +++++++++--------- 3 files changed, 11 insertions(+), 11 deletions(-) diff --git a/src/option/base/cargo-type.js b/src/option/base/cargo-type.js index 9d713c9..3dd24c8 100644 --- a/src/option/base/cargo-type.js +++ b/src/option/base/cargo-type.js @@ -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', diff --git a/src/styles/element-ui.scss b/src/styles/element-ui.scss index 93b6606..11eabe3 100644 --- a/src/styles/element-ui.scss +++ b/src/styles/element-ui.scss @@ -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; diff --git a/src/views/base/cargo-type.vue b/src/views/base/cargo-type.vue index ac65e39..56fec53 100644 --- a/src/views/base/cargo-type.vue +++ b/src/views/base/cargo-type.vue @@ -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;