Commit a96ea66e authored by tyn's avatar tyn

label 样式最小设置

parent 14bb2ece
.el-icon-arrow-down{ .el-icon-arrow-down {
color: #C0C4CC; color: #c0c4cc;
} }
.title_wrap,.el-divider{ .title_wrap,
.el-divider {
border-color: #eee; border-color: #eee;
} }
.supplier{ .supplier {
padding: 16px 24px; padding: 16px 24px;
width: 100%; width: 100%;
height: 100%; height: 100%;
...@@ -14,15 +15,26 @@ ...@@ -14,15 +15,26 @@
.search-supplier { .search-supplier {
-webkit-box-sizing: border-box; -webkit-box-sizing: border-box;
box-sizing: border-box; box-sizing: border-box;
border-radius:4px 4px 0px 0px ; border-radius: 4px 4px 0px 0px;
overflow: hidden; overflow: hidden;
.content-supplier {
.el-form {
.el-form-item {
.el-form-item__label {
min-width: 82px;
white-space: nowrap;
}
}
}
}
} }
::v-deep .el-form{ ::v-deep .el-form {
.el-form-item__label{ .el-form-item__label {
font-weight: 400 !important; font-weight: 400 !important;
} }
} }
.el-form-item__label{ .el-form-item__label {
font-weight: 400; font-weight: 400;
} }
.content-supplier { .content-supplier {
...@@ -31,127 +43,131 @@ ...@@ -31,127 +43,131 @@
border-top-left-radius: 4px; border-top-left-radius: 4px;
border-bottom-left-radius: 4px; border-bottom-left-radius: 4px;
padding: 20px 16px 4px; padding: 20px 16px 4px;
.el-form-item{ .el-form-item {
margin-bottom: 16px; margin-bottom: 16px;
width: 100%; width: 100%;
} }
.el-divider{ .el-divider {
margin-top: 4px; margin-top: 4px;
margin-bottom: 20px; margin-bottom: 20px;
} }
.el-form-item__content{ .el-form-item__content {
width: calc(100% - 100px); width: calc(100% - 100px);
.el-cascader,.el-select,.el-date-editor{ .el-cascader,
.el-select,
.el-date-editor {
width: 100%; width: 100%;
} }
.el-icon-date{ .el-icon-date {
display: none; display: none;
} }
.el-button--small{ .el-button--small {
font-size: 14px; font-size: 14px;
} }
.el-button + .el-button{ .el-button + .el-button {
margin-left: 12px; margin-left: 12px;
} }
} }
} }
.table-supplier{ .table-supplier {
background: #fff; background: #fff;
padding: 16px; padding: 16px;
margin-top: 16px; margin-top: 16px;
border-radius: 0px 0px 4px 4px; border-radius: 0px 0px 4px 4px;
&.i{ &.i {
margin-top: -20px; margin-top: -20px;
} }
.total-title{ .total-title {
height: 24px; height: 24px;
line-height: 24px; line-height: 24px;
.totals{ .totals {
padding-left: 6px; padding-left: 6px;
position: relative; position: relative;
font-size: 12px; font-size: 12px;
color: #3D3D3D; color: #3d3d3d;
display: inline-block; display: inline-block;
&::before{ &::before {
content: ' '; content: " ";
position: absolute; position: absolute;
width: 2px; width: 2px;
height: 2px; height: 2px;
background: rgba(35,35,35,0.4); background: rgba(35, 35, 35, 0.4);
border-radius: 50%; border-radius: 50%;
left: 0; left: 0;
top: 12px; top: 12px;
} }
} }
.total-dc{ .total-dc {
float: right; float: right;
cursor: pointer; cursor: pointer;
img{ img {
width: 18px; width: 18px;
margin-right: 6px; margin-right: 6px;
margin-top: -4px; margin-top: -4px;
} }
color: rgba(35,35,35,0.8); color: rgba(35, 35, 35, 0.8);
} }
margin-bottom: 16px; margin-bottom: 16px;
} }
.pagination{ .pagination {
text-align: right; text-align: right;
margin-right: -10px; margin-right: -10px;
margin-top: 16px; margin-top: 16px;
} }
.table-item .el-table .is-scrolling-left + .el-table__fixed, .table-item .el-table .is-scrolling-middle + .el-table__fixed, .table-item .el-table .is-scrolling-right + .el-table__fixed{ .table-item .el-table .is-scrolling-left + .el-table__fixed,
.table-item .el-table .is-scrolling-middle + .el-table__fixed,
.table-item .el-table .is-scrolling-right + .el-table__fixed {
bottom: 10px !important; bottom: 10px !important;
} }
.cell a:hover{ .cell a:hover {
color: #0081ff; color: #0081ff;
} }
.tabs{ .tabs {
margin-right: 20px; margin-right: 20px;
&:last-child{ &:last-child {
margin: 0; margin: 0;
} }
} }
} }
.dialog-supplier{ .dialog-supplier {
.el-dialog__header{ .el-dialog__header {
line-height: 24px; line-height: 24px;
padding: 16px 20px; padding: 16px 20px;
font-size: 16px; font-size: 16px;
color: #232323; color: #232323;
font-weight: 700; font-weight: 700;
border-bottom: 1px solid #E5E6EB; border-bottom: 1px solid #e5e6eb;
} }
.el-dialog__body{ .el-dialog__body {
padding: 20px; padding: 20px;
} }
} }
.title_wrap.i{ .title_wrap.i {
border: 0; border: 0;
} }
.access-content{ .access-content {
background: #fff; background: #fff;
border-radius: 0 0 4px 4px; border-radius: 0 0 4px 4px;
.tabpane .el-tabs__header{ .tabpane .el-tabs__header {
margin-top: -14px; margin-top: -14px;
} }
.acc-title{ .acc-title {
line-height: 22px; line-height: 22px;
&.i{ &.i {
margin-top: 24px; margin-top: 24px;
} }
} }
.main3-box { .main3-box {
margin-top: 16px; margin-top: 16px;
border-top: 1px solid #E6E9F0; border-top: 1px solid #e6e9f0;
p { p {
display: flex; display: flex;
margin: 0; margin: 0;
border-left: 1px solid #E6E9F0; border-left: 1px solid #e6e9f0;
border-right: 1px solid #E6E9F0; border-right: 1px solid #e6e9f0;
border-bottom: 1px solid #E6E9F0; border-bottom: 1px solid #e6e9f0;
background: #fff; background: #fff;
.label { .label {
width: 10%; width: 10%;
...@@ -159,7 +175,7 @@ ...@@ -159,7 +175,7 @@
font-weight: 400; font-weight: 400;
font-size: 12px; font-size: 12px;
padding: 12px; padding: 12px;
background: #F0F3FA; background: #f0f3fa;
display: flex; display: flex;
align-items: center; align-items: center;
} }
...@@ -177,82 +193,80 @@ ...@@ -177,82 +193,80 @@
width: 90%; width: 90%;
} }
.blue { .blue {
color: #0081FF !important; color: #0081ff !important;
cursor: pointer; cursor: pointer;
} }
.tab{ .tab {
border-right: 1px solid #E6E9F0; border-right: 1px solid #e6e9f0;
} }
.tab:nth-child(1){ .tab:nth-child(1) {
width: 20%; width: 20%;
} }
.tab:nth-child(2){ .tab:nth-child(2) {
width: 15%; width: 15%;
} }
.tab:nth-child(3){ .tab:nth-child(3) {
width: 10%; width: 10%;
} }
.tab:nth-child(4){ .tab:nth-child(4) {
width: 35%; width: 35%;
} }
.tab:nth-child(5){ .tab:nth-child(5) {
width: 20%; width: 20%;
} }
} }
} }
.table-box{ .table-box {
margin-top: 16px; margin-top: 16px;
border: 1px solid #E6E9F0; border: 1px solid #e6e9f0;
width: 100%; width: 100%;
border-top: 0; border-top: 0;
thead{ thead {
background: #F0F3FA; background: #f0f3fa;
} }
tr:nth-child(2n+1){ tr:nth-child(2n + 1) {
background: #F9FCFF; background: #f9fcff;
} }
tr:hover{ tr:hover {
background: #dcebff; background: #dcebff;
} }
td{ td {
border-top: 1px solid #E6E9F0; border-top: 1px solid #e6e9f0;
border-right: 1px solid #E6E9F0; border-right: 1px solid #e6e9f0;
height: auto; height: auto;
font-weight: 400; font-weight: 400;
font-size: 12px; font-size: 12px;
padding: 12px; padding: 12px;
} }
.blue{ .blue {
color: #0081ff; color: #0081ff;
cursor: pointer; cursor: pointer;
} }
} }
} }
.table-supplier .fixed-table .el-table__fixed-header-wrapper{ .table-supplier .fixed-table .el-table__fixed-header-wrapper {
top: -16px !important; top: -16px !important;
} }
.renling{ .renling {
width: 280px; width: 280px;
overflow: hidden; overflow: hidden;
text-overflow: ellipsis; text-overflow: ellipsis;
white-space: nowrap; white-space: nowrap;
} }
.ellipsis{ .ellipsis {
width: 500px; width: 500px;
overflow: hidden; overflow: hidden;
text-overflow: ellipsis; text-overflow: ellipsis;
white-space: nowrap; white-space: nowrap;
} }
.el-range-editor--medium{ .el-range-editor--medium {
text-align: left; text-align: left;
} }
.el-date-editor .el-range-input{ .el-date-editor .el-range-input {
text-align: left; text-align: left;
} }
.wrap2{ .wrap2 {
overflow: hidden; overflow: hidden;
text-overflow: ellipsis; text-overflow: ellipsis;
display: -webkit-box; display: -webkit-box;
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment