style(base): 调整货物类型搜索栏宽度及样式优化

- 新增 cargo-type 搜索栏标签宽度属性 searchLabelWidth 为 80
- 覆盖搜索栏 label 宽度,缩小至 80px,覆盖 Avue 默认 160px
- 基础容器内 el-card 卡片 body 层 padding 设置为 0
- 调整公共样式中滚动容器的内边距为 8px
- 修正 go.scss 中 avue-tags 左边距,优化标签样式
- 减小 tags.scss 中相关元素的底部外边距至 5px
This commit is contained in:
2026-07-29 12:44:49 +08:00
parent 90d96e01a4
commit ff91e8dbd7
5 changed files with 11 additions and 3 deletions

View File

@@ -35,6 +35,7 @@ export const getCargoTypeOption = ctx => ({
updateBtnText: '提交', updateBtnText: '提交',
searchShow: true, searchShow: true,
searchIcon: false, searchIcon: false,
searchLabelWidth: 80,
searchMenuSpan: 24, searchMenuSpan: 24,
searchIndex: 8, searchIndex: 8,
searchMenuPosition: 'right', searchMenuPosition: 'right',

View File

@@ -120,6 +120,7 @@ a {
overflow-y: auto; overflow-y: auto;
overflow-x: hidden; overflow-x: hidden;
margin-bottom: 10px; margin-bottom: 10px;
padding: 8px;
} }
.avue-view { .avue-view {

View File

@@ -3,7 +3,7 @@
user-select: none; user-select: none;
position: relative; position: relative;
padding: 0 10px; padding: 0 10px;
margin-bottom: 10px; margin-bottom: 5px;
box-sizing: border-box; box-sizing: border-box;
border-top: 1px solid #f6f6f6; border-top: 1px solid #f6f6f6;
background-color: #fff; background-color: #fff;

View File

@@ -77,8 +77,8 @@
background-color: #f4f6fa; background-color: #f4f6fa;
} }
.avue-tags { .avue-tags {
margin: 5px 6px 8px 6px;
padding-bottom: 2px; padding-bottom: 2px;
margin-left: 1px;
.el-tabs__nav-prev, .el-tabs__nav-prev,
.el-tabs__nav-next { .el-tabs__nav-next {

View File

@@ -604,11 +604,17 @@ export default {
box-shadow: none; box-shadow: none;
} }
// 除 basic-container 卡片内层 el-card 的 padding规范 4.4 // <EFBFBD><EFBFBD>除 basic-container 卡片内层 el-card 的 padding规范 4.4
:deep(.basic-container__card) > .el-card__body { :deep(.basic-container__card) > .el-card__body {
padding: 0; 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) { :deep(.el-table) {
--el-table-border-color: #eff1f7; --el-table-border-color: #eff1f7;
--el-table-row-hover-bg-color: #f5f7fa; --el-table-row-hover-bg-color: #f5f7fa;