修改布局细节问题

This commit is contained in:
qq787203167
2022-02-28 13:44:05 +08:00
parent ed4ce0bcb1
commit 516f98a922
9 changed files with 322 additions and 201 deletions
+32 -12
View File
@@ -1,23 +1,27 @@
/*列表上方操作按钮区域*/
.ant-card-body .table-operator {
margin-bottom: 18px;
text-align: right;
}
.operator-text{
cursor: pointer;
margin-right: 50px;
font-size: 14px;
font-weight: 500;
display: inline-block;
.operator-text {
cursor: pointer;
margin-right: 53px;
font-size: 14px;
font-weight: 400;
color: #040B29;
display: inline-block;
}
.operator-text:last-child{
.operator-text:last-child {
margin-right: 16px;
}
/** Button按钮间距 */
.table-operator .ant-btn {
margin: 0 8px 8px 0;
}
.table-operator .ant-btn-group .ant-btn {
margin: 0;
}
@@ -25,6 +29,7 @@
.table-operator .ant-btn-group .ant-btn:last-child {
margin: 0 8px 8px 0;
}
/*列表td的padding设置 可以控制列表大小*/
.ant-table-tbody .ant-table-row td {
padding-top: 15px;
@@ -47,21 +52,34 @@
height: 90% !important;
overflow-y: hidden
}
/*列表中有图片的加这个样式 参考用户管理*/
.anty-img-wrap {
height: 25px;
position: relative;
}
.anty-img-wrap > img {
max-height: 100%;
}
/*列表中范围查询样式*/
.query-group-cust{width: calc(50% - 10px)}
.query-group-split-cust:before{content:"~";width: 20px;display: inline-block;text-align: center}
.query-group-cust {
width: calc(50% - 10px)
}
.query-group-split-cust:before {
content: "~";
width: 20px;
display: inline-block;
text-align: center
}
/*erp风格子表外框padding设置*/
.ant-card-wider-padding.cust-erp-sub-tab>.ant-card-body{padding:5px 12px}
.ant-card-wider-padding.cust-erp-sub-tab > .ant-card-body {
padding: 5px 12px
}
/* 内嵌子表背景颜色 */
.j-inner-table-wrapper /deep/ .ant-table-expanded-row .ant-table-wrapper .ant-table-tbody .ant-table-row {
@@ -69,4 +87,6 @@
}
/**隐藏样式-modal确定按钮 */
.jee-hidden{display: none}
.jee-hidden {
display: none
}