Skip to content

D
dsk-operate-sys-cscec
Commit a96ea66e authored by tyn's avatar tyn
Browse files
Options

label 样式最小设置

parent 14bb2ece
Hide whitespace changes
Inline Side-by-side
Showing with 88 additions and 74 deletions
dsk-operate-ui/src/assets/styles/supplierlist.scss
View file @ a96ea66e
.el-icon-arrow-down{
color: #C0C4CC;
.el-icon-arrow-down {
color: #c0c4cc;
}
.title_wrap,.el-divider{
.title_wrap,
.el-divider {
border-color: #eee;
}
.supplier{
.supplier {
padding: 16px 24px;
width: 100%;
height: 100%;
......@@ -14,15 +15,26 @@
.search-supplier {
-webkit-box-sizing: border-box;
box-sizing: border-box;
border-radius:4px 4px 0px 0px ;
border-radius: 4px 4px 0px 0px;
overflow: hidden;
.content-supplier {
.el-form {
.el-form-item {
.el-form-item__label {
min-width: 82px;
white-space: nowrap;
}
}
}
}
}
::v-deep .el-form{
.el-form-item__label{
font-weight: 400 !important;
::v-deep .el-form {
.el-form-item__label {
font-weight: 400 !important;
}
}
.el-form-item__label{
.el-form-item__label {
font-weight: 400;
}
.content-supplier {
......@@ -31,127 +43,131 @@
border-top-left-radius: 4px;
border-bottom-left-radius: 4px;
padding: 20px 16px 4px;
.el-form-item{
margin-bottom: 16px;
.el-form-item {
margin-bottom: 16px;
width: 100%;
}
.el-divider{
.el-divider {
margin-top: 4px;
margin-bottom: 20px;
}
.el-form-item__content{
.el-form-item__content {
width: calc(100% - 100px);
.el-cascader,.el-select,.el-date-editor{
.el-cascader,
.el-select,
.el-date-editor {
width: 100%;
}
.el-icon-date{
.el-icon-date {
display: none;
}
.el-button--small{
.el-button--small {
font-size: 14px;
}
.el-button + .el-button{
.el-button + .el-button {
margin-left: 12px;
}
}
}
.table-supplier{
.table-supplier {
background: #fff;
padding: 16px;
margin-top: 16px;
border-radius: 0px 0px 4px 4px;
&.i{
&.i {
margin-top: -20px;
}
.total-title{
.total-title {
height: 24px;
line-height: 24px;
.totals{
.totals {
padding-left: 6px;
position: relative;
font-size: 12px;
color: #3D3D3D;
color: #3d3d3d;
display: inline-block;
&::before{
content: ' ';
&::before {
content: " ";
position: absolute;
width: 2px;
height: 2px;
background: rgba(35,35,35,0.4);
background: rgba(35, 35, 35, 0.4);
border-radius: 50%;
left: 0;
top: 12px;
}
}
.total-dc{
.total-dc {
float: right;
cursor: pointer;
img{
img {
width: 18px;
margin-right: 6px;
margin-top: -4px;
}
color: rgba(35,35,35,0.8);
color: rgba(35, 35, 35, 0.8);
}
margin-bottom: 16px;
}
.pagination{
.pagination {
text-align: right;
margin-right: -10px;
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;
}
.cell a:hover{
.cell a:hover {
color: #0081ff;
}
.tabs{
.tabs {
margin-right: 20px;
&:last-child{
&:last-child {
margin: 0;
}
}
}
.dialog-supplier{
.el-dialog__header{
.dialog-supplier {
.el-dialog__header {
line-height: 24px;
padding: 16px 20px;
font-size: 16px;
color: #232323;
font-weight: 700;
border-bottom: 1px solid #E5E6EB;
border-bottom: 1px solid #e5e6eb;
}
.el-dialog__body{
.el-dialog__body {
padding: 20px;
}
}
.title_wrap.i{
.title_wrap.i {
border: 0;
}
.access-content{
.access-content {
background: #fff;
border-radius: 0 0 4px 4px;
.tabpane .el-tabs__header{
.tabpane .el-tabs__header {
margin-top: -14px;
}
.acc-title{
.acc-title {
line-height: 22px;
&.i{
&.i {
margin-top: 24px;
}
}
.main3-box {
margin-top: 16px;
border-top: 1px solid #E6E9F0;
border-top: 1px solid #e6e9f0;
p {
display: flex;
margin: 0;
border-left: 1px solid #E6E9F0;
border-right: 1px solid #E6E9F0;
border-bottom: 1px solid #E6E9F0;
border-left: 1px solid #e6e9f0;
border-right: 1px solid #e6e9f0;
border-bottom: 1px solid #e6e9f0;
background: #fff;
.label {
width: 10%;
......@@ -159,7 +175,7 @@
font-weight: 400;
font-size: 12px;
padding: 12px;
background: #F0F3FA;
background: #f0f3fa;
display: flex;
align-items: center;
}
......@@ -177,82 +193,80 @@
width: 90%;
}
.blue {
color: #0081FF !important;
color: #0081ff !important;
cursor: pointer;
}
.tab{
border-right: 1px solid #E6E9F0;
.tab {
border-right: 1px solid #e6e9f0;
}
.tab:nth-child(1){
.tab:nth-child(1) {
width: 20%;
}
.tab:nth-child(2){
.tab:nth-child(2) {
width: 15%;
}
.tab:nth-child(3){
.tab:nth-child(3) {
width: 10%;
}
.tab:nth-child(4){
.tab:nth-child(4) {
width: 35%;
}
.tab:nth-child(5){
.tab:nth-child(5) {
width: 20%;
}
}
}
.table-box{
.table-box {
margin-top: 16px;
border: 1px solid #E6E9F0;
border: 1px solid #e6e9f0;
width: 100%;
border-top: 0;
thead{
background: #F0F3FA;
thead {
background: #f0f3fa;
}
tr:nth-child(2n+1){
background: #F9FCFF;
tr:nth-child(2n + 1) {
background: #f9fcff;
}
tr:hover{
tr:hover {
background: #dcebff;
}
td{
border-top: 1px solid #E6E9F0;
border-right: 1px solid #E6E9F0;
td {
border-top: 1px solid #e6e9f0;
border-right: 1px solid #e6e9f0;
height: auto;
font-weight: 400;
font-size: 12px;
padding: 12px;
}
.blue{
.blue {
color: #0081ff;
cursor: pointer;
}
}
}
.table-supplier .fixed-table .el-table__fixed-header-wrapper{
.table-supplier .fixed-table .el-table__fixed-header-wrapper {
top: -16px !important;
}
.renling{
.renling {
width: 280px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.ellipsis{
.ellipsis {
width: 500px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.el-range-editor--medium{
.el-range-editor--medium {
text-align: left;
}
.el-date-editor .el-range-input{
.el-date-editor .el-range-input {
text-align: left;
}
.wrap2{
.wrap2 {
overflow: hidden;
text-overflow: ellipsis;
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