|
|
@ -1,8 +1,8 @@ |
|
|
|
@import "@/assets/css/mixin.scss"; |
|
|
|
$color-container-bg : var(--color-container-bg); |
|
|
|
$color-user-list-bg : var(--color-user-list-bg); |
|
|
|
$color-text : var(--color-text); |
|
|
|
$color-primary : var(--color-primary); |
|
|
|
$color-container-bg: var(--color-container-bg); |
|
|
|
$color-user-list-bg: var(--color-user-list-bg); |
|
|
|
$color-text: var(--color-text); |
|
|
|
$color-primary: var(--color-primary); |
|
|
|
|
|
|
|
.right-list { |
|
|
|
width: calc(100% - 375px); |
|
|
@ -129,7 +129,7 @@ $color-primary : var(--color-primary); |
|
|
|
// overflow: hidden; |
|
|
|
background: var(--car-item-bg); |
|
|
|
border: 1px solid var(--color-card-line); |
|
|
|
// box-shadow: 0px 3px 8px 0px rgba(0,0,0,0.16); |
|
|
|
// box-shadow: 0px 3px 8px 0px rgba(0,0,0,0.16); |
|
|
|
border-radius: 8px; |
|
|
|
// overflow: hidden; |
|
|
|
position: relative; |
|
|
@ -142,54 +142,54 @@ $color-primary : var(--color-primary); |
|
|
|
width: 100%; |
|
|
|
height: calc(148px); |
|
|
|
background: var(--img-bg); |
|
|
|
text-align:center; |
|
|
|
text-align: center; |
|
|
|
border-radius: 8px; |
|
|
|
// overflow: hidden; |
|
|
|
// text-align: center; |
|
|
|
// display: flex; |
|
|
|
// align-items: center; |
|
|
|
// justify-content: center; |
|
|
|
img{ |
|
|
|
img { |
|
|
|
// border-radius: 8px 8px 0 0; |
|
|
|
object-fit: fill; |
|
|
|
object-fit: fill; |
|
|
|
// width: 148px; |
|
|
|
// height: 148px; |
|
|
|
|
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
.bottomInfo { |
|
|
|
|
|
|
|
width: 100%; |
|
|
|
height: calc(275px - 148px); |
|
|
|
height: calc(275px - 148px); |
|
|
|
// background: var(--car-item-info-bg); |
|
|
|
padding: 10px 10px 10px 10px; |
|
|
|
// box-shadow: 0px 3px 8px 0px rgba(0,0,0,0.16); |
|
|
|
.innerWrap{ |
|
|
|
// box-shadow: 0px 3px 8px 0px rgba(0,0,0,0.16); |
|
|
|
.innerWrap { |
|
|
|
width: 100%; |
|
|
|
height: 100%; |
|
|
|
overflow-y: auto; |
|
|
|
.infoItem{ |
|
|
|
.infoItem { |
|
|
|
display: flex; |
|
|
|
align-items: baseline; |
|
|
|
// justify-content: space-between; |
|
|
|
margin: 5px 0; |
|
|
|
.leftName{ |
|
|
|
.leftName { |
|
|
|
display: inline-block; |
|
|
|
font-size: 14px; |
|
|
|
font-family: Microsoft YaHei, Microsoft YaHei-Regular; |
|
|
|
font-family: |
|
|
|
Microsoft YaHei, |
|
|
|
Microsoft YaHei-Regular; |
|
|
|
font-weight: 400; |
|
|
|
text-align: left; |
|
|
|
color: var(--color-text); |
|
|
|
width: 30%; |
|
|
|
} |
|
|
|
.rightData{ |
|
|
|
.rightData { |
|
|
|
display: inline-block; |
|
|
|
width:70%; |
|
|
|
width: 70%; |
|
|
|
text-align: left; |
|
|
|
@include textEllipsis(two); |
|
|
|
|
|
|
|
&.plate{ |
|
|
|
&.plate { |
|
|
|
width: auto; |
|
|
|
padding: 0 10px; |
|
|
|
height: 26px; |
|
|
@ -198,33 +198,33 @@ $color-primary : var(--color-primary); |
|
|
|
// border: 1px solid #707070; |
|
|
|
border-radius: 4px; |
|
|
|
text-align: center; |
|
|
|
background:#1D7FDF; |
|
|
|
background: #1d7fdf; |
|
|
|
color: #ffffff; |
|
|
|
box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.16); |
|
|
|
box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.16); |
|
|
|
} |
|
|
|
// 黑色 |
|
|
|
&.plate1{ |
|
|
|
background:#041526; |
|
|
|
&.plate1 { |
|
|
|
background: #041526; |
|
|
|
color: #ffffff; |
|
|
|
} |
|
|
|
// 白色 |
|
|
|
&.plate2{ |
|
|
|
background:#ffffff; |
|
|
|
&.plate2 { |
|
|
|
background: #ffffff; |
|
|
|
color: #333333; |
|
|
|
} |
|
|
|
// 蓝色 |
|
|
|
&.plate5{ |
|
|
|
background:#1D7FDF; |
|
|
|
&.plate5 { |
|
|
|
background: #1d7fdf; |
|
|
|
color: #ffffff; |
|
|
|
} |
|
|
|
// 黄色 |
|
|
|
&.plate6{ |
|
|
|
background:#FFC833; |
|
|
|
&.plate6 { |
|
|
|
background: #ffc833; |
|
|
|
color: #333333; |
|
|
|
} |
|
|
|
// 绿色 |
|
|
|
&.plate9{ |
|
|
|
background:linear-gradient(180deg,#ffffff, #0eb132); |
|
|
|
&.plate9 { |
|
|
|
background: linear-gradient(180deg, #ffffff, #0eb132); |
|
|
|
color: #ffffff; |
|
|
|
} |
|
|
|
} |
|
|
@ -234,12 +234,12 @@ $color-primary : var(--color-primary); |
|
|
|
.innerWrap::-webkit-scrollbar-track-piece { |
|
|
|
background-color: var(--color-scrollbar-trace); |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
.innerWrap::-webkit-scrollbar { |
|
|
|
width: 0px; |
|
|
|
height: 4px; |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
.innerWrap::-webkit-scrollbar-thumb { |
|
|
|
background-color: var(--color-scrollbar-thumb); |
|
|
|
background-clip: padding-box; |
|
|
@ -258,16 +258,16 @@ $color-primary : var(--color-primary); |
|
|
|
position: relative; |
|
|
|
// float: left; |
|
|
|
margin: 0 10px 10px 0; |
|
|
|
|
|
|
|
|
|
|
|
.topImg { |
|
|
|
width: 100%; |
|
|
|
height: 148px; |
|
|
|
border-radius: 8px; |
|
|
|
img { |
|
|
|
object-fit: fill |
|
|
|
object-fit: fill; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
.bottomInfo { |
|
|
|
// position: absolute; |
|
|
|
// bottom: 0; |
|
|
@ -277,33 +277,35 @@ $color-primary : var(--color-primary); |
|
|
|
height: 95px; |
|
|
|
// background: var(--car-item-info-bg); |
|
|
|
padding: 10px 10px 10px 10px; |
|
|
|
|
|
|
|
|
|
|
|
.innerWrap { |
|
|
|
width: 100%; |
|
|
|
height: 100%; |
|
|
|
overflow-y: auto; |
|
|
|
|
|
|
|
|
|
|
|
.infoItem { |
|
|
|
display: flex; |
|
|
|
align-items: baseline; |
|
|
|
// justify-content: space-between; |
|
|
|
margin: 5px 0; |
|
|
|
|
|
|
|
|
|
|
|
.leftName { |
|
|
|
display: inline-block; |
|
|
|
font-size: 14px; |
|
|
|
font-family: Microsoft YaHei, Microsoft YaHei-Regular; |
|
|
|
font-family: |
|
|
|
Microsoft YaHei, |
|
|
|
Microsoft YaHei-Regular; |
|
|
|
font-weight: 400; |
|
|
|
text-align: left; |
|
|
|
color: var(--color-text); |
|
|
|
width: 30%; |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
.rightData { |
|
|
|
display: inline-block; |
|
|
|
width: 70%; |
|
|
|
text-align: left; |
|
|
|
|
|
|
|
|
|
|
|
&.plate { |
|
|
|
width: auto; |
|
|
|
padding: 0 10px; |
|
|
@ -313,34 +315,34 @@ $color-primary : var(--color-primary); |
|
|
|
// border: 1px solid #707070; |
|
|
|
border-radius: 4px; |
|
|
|
text-align: center; |
|
|
|
background: #1D7FDF; |
|
|
|
background: #1d7fdf; |
|
|
|
color: #ffffff; |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
// 黑色 |
|
|
|
&.plate1 { |
|
|
|
background: #041526; |
|
|
|
color: #ffffff; |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
// 白色 |
|
|
|
&.plate2 { |
|
|
|
background: #ffffff; |
|
|
|
color: #333333; |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
// 蓝色 |
|
|
|
&.plate5 { |
|
|
|
background: #1D7FDF; |
|
|
|
background: #1d7fdf; |
|
|
|
color: #ffffff; |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
// 黄色 |
|
|
|
&.plate6 { |
|
|
|
background: #FFC833; |
|
|
|
background: #ffc833; |
|
|
|
color: #333333; |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
// 绿色 |
|
|
|
&.plate9 { |
|
|
|
background: linear-gradient(180deg, #ffffff, #0eb132); |
|
|
@ -349,17 +351,16 @@ $color-primary : var(--color-primary); |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
// .innerWrap::-webkit-scrollbar{width:0;} |
|
|
|
.innerWrap::-webkit-scrollbar-track-piece { |
|
|
|
background-color: var(--color-scrollbar-trace); |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
.innerWrap::-webkit-scrollbar { |
|
|
|
width: 0px; |
|
|
|
height: 4px; |
|
|
|
width: 12px; |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
.innerWrap::-webkit-scrollbar-thumb { |
|
|
|
background-color: var(--color-scrollbar-thumb); |
|
|
|
background-clip: padding-box; |
|
|
@ -375,25 +376,25 @@ $color-primary : var(--color-primary); |
|
|
|
// margin: 0 10px 10px 0; |
|
|
|
// } |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
&.car4 { |
|
|
|
.carCard { |
|
|
|
margin: 0 calc((100% - (258px * 4)) / 4) 10px 0; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
&.car3 { |
|
|
|
.carCard { |
|
|
|
margin: 0 calc((100% - (258px * 3)) / 3) 10px 0; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
&.car2 { |
|
|
|
.carCard { |
|
|
|
margin: 0 calc((100% - (258px * 2)) / 2) 10px 0; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
&.car1 { |
|
|
|
.carCard { |
|
|
|
margin: 0 calc((100% - (258px * 1)) / 1) 10px 0; |
|
|
@ -406,17 +407,18 @@ $color-primary : var(--color-primary); |
|
|
|
} |
|
|
|
|
|
|
|
.table-wrap::-webkit-scrollbar { |
|
|
|
width: 5px; |
|
|
|
height: 5px; |
|
|
|
width: 12px; |
|
|
|
cursor: pointer; |
|
|
|
} |
|
|
|
|
|
|
|
.table-wrap::-webkit-scrollbar-thumb { |
|
|
|
background-color: #9da2ab; |
|
|
|
border-radius: 10px; |
|
|
|
border-radius: 4px; |
|
|
|
} |
|
|
|
.table-wrap::-webkit-scrollbar-corner { |
|
|
|
background: transparent !important; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
// .popconfirm-common{ |
|
|
@ -429,4 +431,4 @@ $color-primary : var(--color-primary); |
|
|
|
flex-flow: row nowrap; |
|
|
|
} |
|
|
|
|
|
|
|
// } |
|
|
|
// } |