From ff91e8dbd7436fa10a4557c77d875021b9535ba2 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 12:44:49 +0800 Subject: [PATCH] =?UTF-8?q?style(base):=20=E8=B0=83=E6=95=B4=E8=B4=A7?= =?UTF-8?q?=E7=89=A9=E7=B1=BB=E5=9E=8B=E6=90=9C=E7=B4=A2=E6=A0=8F=E5=AE=BD?= =?UTF-8?q?=E5=BA=A6=E5=8F=8A=E6=A0=B7=E5=BC=8F=E4=BC=98=E5=8C=96?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit - 新增 cargo-type 搜索栏标签宽度属性 searchLabelWidth 为 80 - 覆盖搜索栏 label 宽度,缩小至 80px,覆盖 Avue 默认 160px - 基础容器内 el-card 卡片 body 层 padding 设置为 0 - 调整公共样式中滚动容器的内边距为 8px - 修正 go.scss 中 avue-tags 左边距,优化标签样式 - 减小 tags.scss 中相关元素的底部外边距至 5px --- src/option/base/cargo-type.js | 1 + src/styles/common.scss | 1 + src/styles/tags.scss | 2 +- src/styles/theme/go.scss | 2 +- src/views/base/cargo-type.vue | 8 +++++++- 5 files changed, 11 insertions(+), 3 deletions(-) diff --git a/src/option/base/cargo-type.js b/src/option/base/cargo-type.js index 60e4056..d47b951 100644 --- a/src/option/base/cargo-type.js +++ b/src/option/base/cargo-type.js @@ -35,6 +35,7 @@ export const getCargoTypeOption = ctx => ({ updateBtnText: '提交', searchShow: true, searchIcon: false, + searchLabelWidth: 80, searchMenuSpan: 24, searchIndex: 8, searchMenuPosition: 'right', diff --git a/src/styles/common.scss b/src/styles/common.scss index bce3712..92d2c85 100644 --- a/src/styles/common.scss +++ b/src/styles/common.scss @@ -120,6 +120,7 @@ a { overflow-y: auto; overflow-x: hidden; margin-bottom: 10px; + padding: 8px; } .avue-view { diff --git a/src/styles/tags.scss b/src/styles/tags.scss index 8a77af3..5b7c97c 100644 --- a/src/styles/tags.scss +++ b/src/styles/tags.scss @@ -3,7 +3,7 @@ user-select: none; position: relative; padding: 0 10px; - margin-bottom: 10px; + margin-bottom: 5px; box-sizing: border-box; border-top: 1px solid #f6f6f6; background-color: #fff; diff --git a/src/styles/theme/go.scss b/src/styles/theme/go.scss index 8f766e3..ccf6a2a 100644 --- a/src/styles/theme/go.scss +++ b/src/styles/theme/go.scss @@ -77,8 +77,8 @@ background-color: #f4f6fa; } .avue-tags { - margin: 5px 6px 8px 6px; padding-bottom: 2px; + margin-left: 1px; .el-tabs__nav-prev, .el-tabs__nav-next { diff --git a/src/views/base/cargo-type.vue b/src/views/base/cargo-type.vue index 0441270..77a4d8f 100644 --- a/src/views/base/cargo-type.vue +++ b/src/views/base/cargo-type.vue @@ -604,11 +604,17 @@ export default { box-shadow: none; } - // 去除 basic-container 卡片内层 el-card 的 padding(规范 4.4) + // ��除 basic-container 卡片内层 el-card 的 padding(规范 4.4) :deep(.basic-container__card) > .el-card__body { padding: 0; } + // 搜索栏 label 收窄(覆盖 Avue 内置 min-width:160px) + :deep(.avue-crud__search) .el-form-item_label { + min-width: 80px !important; + width: 80px !important; + } + :deep(.el-table) { --el-table-border-color: #eff1f7; --el-table-row-hover-bg-color: #f5f7fa;