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:
@@ -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',
|
||||||
|
|||||||
@@ -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 {
|
||||||
|
|||||||
@@ -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;
|
||||||
|
|||||||
@@ -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 {
|
||||||
|
|||||||
@@ -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;
|
||||||
|
|||||||
Reference in New Issue
Block a user