15 changed files with 2698 additions and 468 deletions
@ -0,0 +1 @@ |
|||||
|
INSERT INTO statistic (name, count, type) values ('货运车', 0, 'freight'); |
||||
|
After Width: | Height: | Size: 35 KiB |
|
After Width: | Height: | Size: 3.0 MiB |
|
After Width: | Height: | Size: 1.6 KiB |
@ -1,177 +1,301 @@ |
|||||
@media screen and (max-width:1366px){ |
@media screen and (max-width:1366px) { |
||||
html{ |
html { |
||||
font-size: 12px; |
font-size: 12px; |
||||
} |
} |
||||
} |
} |
||||
|
|
||||
// .guanli{ |
// .guanli{ |
||||
// // box-sizing: border-box; |
// // box-sizing: border-box; |
||||
// padding: 0 15px 0 15px; |
// padding: 0 15px 0 15px; |
||||
// width: 100%; |
// width: 100%; |
||||
// height: 100%; |
// height: 100%; |
||||
// position: relative; |
// position: relative; |
||||
// display: flex; |
// display: flex; |
||||
// justify-content: space-between; |
// justify-content: space-between; |
||||
.guanli-left{ |
.guanli-left { |
||||
width: 25%; |
width: 25%; |
||||
height: 100%; |
height: 100%; |
||||
position: absolute; |
position: absolute; |
||||
left: 0; |
left: 0; |
||||
.guanli-left-item{ |
|
||||
box-sizing: border-box; |
.guanli-left-item { |
||||
width: 85%; |
box-sizing: border-box; |
||||
position: relative; |
width: 85%; |
||||
// height: 30%; |
position: relative; |
||||
height: 24vh; |
// height: 30%; |
||||
margin: 0 auto 3%; |
height: 24vh; |
||||
|
margin: 0 auto 3%; |
||||
|
display: flex; |
||||
|
align-items: center; |
||||
|
padding: 0 10%; |
||||
|
justify-content: space-between; |
||||
|
border: 2px solid rgba(28, 96, 254, 0.5000); |
||||
|
|
||||
|
.guanli-left-item-left { |
||||
|
width: 45%; |
||||
|
height: 60%; |
||||
display: flex; |
display: flex; |
||||
|
flex-direction: column; |
||||
align-items: center; |
align-items: center; |
||||
padding: 0 10%; |
|
||||
justify-content: space-between; |
span { |
||||
border: 2px solid rgba(28,96,254,0.5000); |
font-size: 1.25rem; |
||||
.guanli-left-item-left{ |
font-family: PingFangSC-Regular, PingFang SC; |
||||
width: 45%; |
font-weight: 400; |
||||
height: 60%; |
color: rgba(216, 240, 255, 0.8000); |
||||
|
} |
||||
|
|
||||
|
div { |
||||
display: flex; |
display: flex; |
||||
flex-direction: column; |
justify-content: center; |
||||
align-items: center; |
// align-items: ; |
||||
span{ |
font-size: 2.125rem; |
||||
font-size: 1.25rem; |
font-family: YouSheBiaoTiHei; |
||||
|
color: #FFFFFF; |
||||
|
height: 70%; |
||||
|
width: 100%; |
||||
|
background: url('/assets/images/quanju/guanlijiance_1.png') no-repeat; |
||||
|
background-size: 100% 80%; |
||||
|
background-position: center bottom; |
||||
|
|
||||
|
span { |
||||
|
font-size: 1rem; |
||||
font-family: PingFangSC-Regular, PingFang SC; |
font-family: PingFangSC-Regular, PingFang SC; |
||||
font-weight: 400; |
font-weight: 400; |
||||
color: rgba(216,240,255,0.8000); |
padding-top: 10%; |
||||
} |
margin-left: 5px; |
||||
div{ |
// height: 0; |
||||
display: flex; |
color: rgba(216, 240, 255, 0.8000); |
||||
justify-content: center; |
|
||||
// align-items: ; |
|
||||
font-size: 2.125rem; |
|
||||
font-family: YouSheBiaoTiHei; |
|
||||
color: #FFFFFF; |
|
||||
height: 70%; |
|
||||
width: 100%; |
|
||||
background: url('/assets/images/quanju/guanlijiance_1.png') no-repeat; |
|
||||
background-size: 100% 80%; |
|
||||
background-position: center bottom; |
|
||||
span{ |
|
||||
font-size: 1rem; |
|
||||
font-family: PingFangSC-Regular, PingFang SC; |
|
||||
font-weight: 400; |
|
||||
padding-top: 10%; |
|
||||
margin-left: 5px; |
|
||||
// height: 0; |
|
||||
color: rgba(216,240,255,0.8000); |
|
||||
} |
|
||||
} |
} |
||||
// background-color: pink; |
|
||||
} |
} |
||||
.guanli-left-item-right{ |
|
||||
width: 40%; |
// background-color: pink; |
||||
height: 50%; |
} |
||||
position: relative; |
|
||||
span{ |
.guanli-left-item-right { |
||||
position: absolute; |
width: 40%; |
||||
width: 8px; |
height: 50%; |
||||
height: 8px; |
position: relative; |
||||
background-color: #fff; |
|
||||
top:1.5%; |
span { |
||||
left: 50%; |
position: absolute; |
||||
z-index: 10; |
width: 8px; |
||||
border-radius: 4px; |
height: 8px; |
||||
display: block; |
background-color: #fff; |
||||
} |
top: 1.5%; |
||||
|
left: 50%; |
||||
// background-color: pink; |
z-index: 10; |
||||
|
border-radius: 4px; |
||||
|
display: block; |
||||
} |
} |
||||
|
|
||||
// background-color: pink; |
// background-color: pink; |
||||
} |
} |
||||
|
|
||||
|
// background-color: pink; |
||||
} |
} |
||||
.guanli-right{ |
} |
||||
width: 25%; |
|
||||
height: 100%; |
.guanli-right { |
||||
position: absolute; |
width: 25%; |
||||
right: 0; |
height: 100%; |
||||
.guanli-right-top{ |
position: absolute; |
||||
width: 100%; |
right: 0; |
||||
|
|
||||
|
.guanli-right-top { |
||||
|
width: 100%; |
||||
// height: 5%; |
// height: 5%; |
||||
display: flex; |
display: flex; |
||||
justify-content: flex-end; |
justify-content: flex-end; |
||||
align-items: center; |
align-items: center; |
||||
padding-right: 10px; |
padding-right: 10px; |
||||
img{ |
|
||||
|
img { |
||||
width: 4%; |
width: 4%; |
||||
// height: 40%; |
// height: 40%; |
||||
} |
} |
||||
span{ |
|
||||
&:nth-child(2){ |
span { |
||||
|
&:nth-child(2) { |
||||
font-size: 16px; |
font-size: 16px; |
||||
font-family: PingFangSC-Regular, PingFang SC; |
font-family: PingFangSC-Regular, PingFang SC; |
||||
font-weight: 400; |
font-weight: 400; |
||||
color: rgba(216,240,255,0.8000); |
color: rgba(216, 240, 255, 0.8000); |
||||
margin:0 10px 0 2px |
margin: 0 10px 0 2px |
||||
} |
} |
||||
&:nth-child(3){ |
|
||||
|
&:nth-child(3) { |
||||
font-size: 18px; |
font-size: 18px; |
||||
font-family: PingFangSC-Medium, PingFang SC; |
font-family: PingFangSC-Medium, PingFang SC; |
||||
font-weight: 500; |
font-weight: 500; |
||||
color: #FFFFFF; |
color: #FFFFFF; |
||||
margin-right: 10px; |
margin-right: 10px; |
||||
} |
} |
||||
&:nth-child(4){ |
|
||||
|
&:nth-child(4) { |
||||
font-size: 14px; |
font-size: 14px; |
||||
font-family: PingFangSC-Regular, PingFang SC; |
font-family: PingFangSC-Regular, PingFang SC; |
||||
font-weight: 400; |
font-weight: 400; |
||||
color: rgba(216,240,255,0.8000); |
color: rgba(216, 240, 255, 0.8000); |
||||
} |
|
||||
} |
|
||||
|
|
||||
|
|
||||
} |
|
||||
.guanli-right-title{ |
|
||||
width: 90%; |
|
||||
height: 5%; |
|
||||
margin: auto; |
|
||||
display: flex; |
|
||||
align-items: center; |
|
||||
justify-content: space-around; |
|
||||
background: rgba(21,77,160,0.2000); |
|
||||
span{ |
|
||||
font-size: 12px; |
|
||||
font-family: PingFangSC-Medium, PingFang SC; |
|
||||
font-weight: 500; |
|
||||
color: #FFFFFF; |
|
||||
flex:1; |
|
||||
text-align: center; |
|
||||
// &:nth-child(1){ |
|
||||
|
|
||||
// } |
|
||||
} |
} |
||||
} |
} |
||||
.guanli-right-item{ |
|
||||
width: 90%; |
|
||||
// height: 4%; |
} |
||||
height: 3vh; |
|
||||
margin: auto; |
.guanli-right-title { |
||||
display: flex; |
width: 90%; |
||||
align-items: center; |
height: 5%; |
||||
justify-content: space-around; |
margin: auto; |
||||
&:hover{ |
display: flex; |
||||
background:linear-gradient(270deg, rgba(0,124,230,0) 0%, rgba(0,70,200,0.8700) 100%); |
align-items: center; |
||||
} |
justify-content: space-around; |
||||
// background: rgba(21,77,160,0.2000); |
background: rgba(21, 77, 160, 0.2000); |
||||
span{ |
|
||||
font-size: 0.875rem; |
span { |
||||
font-family: PingFangSC-Regular, PingFang SC; |
font-size: 12px; |
||||
font-weight: 400; |
font-family: PingFangSC-Medium, PingFang SC; |
||||
color: rgba(216,240,255,0.8000); |
font-weight: 500; |
||||
line-height: 20px; |
color: #FFFFFF; |
||||
flex:1; |
flex: 1; |
||||
text-align: center; |
text-align: center; |
||||
// &:nth-child(1){ |
// &:nth-child(1){ |
||||
|
|
||||
// } |
// } |
||||
} |
|
||||
} |
} |
||||
} |
} |
||||
|
|
||||
|
.guanli-right-item { |
||||
|
width: 90%; |
||||
|
// height: 4%; |
||||
|
height: 3vh; |
||||
|
margin: auto; |
||||
|
display: flex; |
||||
|
align-items: center; |
||||
|
justify-content: space-around; |
||||
|
|
||||
|
&:hover { |
||||
|
background: linear-gradient(270deg, rgba(0, 124, 230, 0) 0%, rgba(0, 70, 200, 0.8700) 100%); |
||||
|
} |
||||
|
|
||||
|
// background: rgba(21,77,160,0.2000); |
||||
|
span { |
||||
|
font-size: 0.875rem; |
||||
|
font-family: PingFangSC-Regular, PingFang SC; |
||||
|
font-weight: 400; |
||||
|
color: rgba(216, 240, 255, 0.8000); |
||||
|
line-height: 20px; |
||||
|
flex: 1; |
||||
|
text-align: center; |
||||
|
// &:nth-child(1){ |
||||
|
|
||||
|
// } |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
|
||||
|
.popover-content { |
||||
|
// background-color: red; |
||||
|
// .ant-popover-inner-content{ |
||||
|
// padding: 0!important; |
||||
|
// } |
||||
|
// .address { |
||||
|
// width: 80%; |
||||
|
// height: 80%; |
||||
|
// top: 10%; |
||||
|
// position: absolute; |
||||
|
// // background-color: pink; |
||||
|
|
||||
|
// .address1 { |
||||
|
// width: 194px; |
||||
|
// height: 20px; |
||||
|
// margin: 16px 0 24px 26px; |
||||
|
// span { |
||||
|
// &:nth-child(1) { |
||||
|
// margin-right: 20px; |
||||
|
// width: 42px; |
||||
|
// height: 20px; |
||||
|
// display: inline-block; |
||||
|
// overflow-wrap: break-word; |
||||
|
// color: rgba(216, 240, 255, 0.8); |
||||
|
// font-size: 14px; |
||||
|
// font-family: PingFangSC-Regular; |
||||
|
// white-space: nowrap; |
||||
|
// line-height: 20px; |
||||
|
// text-align: left; |
||||
|
// } |
||||
|
// &:nth-child(2) { |
||||
|
// width: 28px; |
||||
|
// height: 20px; |
||||
|
// display: inline-block; |
||||
|
// overflow-wrap: break-word; |
||||
|
// color: rgba(238, 244, 255, 1); |
||||
|
// font-size: 14px; |
||||
|
// font-family: PingFangSC-Medium; |
||||
|
// white-space: nowrap; |
||||
|
// line-height: 20px; |
||||
|
// text-align: left; |
||||
|
// } |
||||
|
// } |
||||
|
// } |
||||
|
|
||||
|
// .address2 { |
||||
|
// width: 194px; |
||||
|
// height: 20px; |
||||
|
// margin: 16px 0 24px 26px; |
||||
|
|
||||
|
// span { |
||||
|
// &:nth-child(1) { |
||||
|
// margin-right: 35px; |
||||
|
// width: 28px; |
||||
|
// height: 20px; |
||||
|
// display: inline-block; |
||||
|
// overflow-wrap: break-word; |
||||
|
// color: rgba(216, 240, 255, 0.8); |
||||
|
// font-size: 14px; |
||||
|
// font-family: PingFangSC-Regular; |
||||
|
// white-space: nowrap; |
||||
|
// line-height: 20px; |
||||
|
// text-align: right; |
||||
|
// } |
||||
|
// &:nth-child(2) { |
||||
|
// width: 126px; |
||||
|
// height: 20px; |
||||
|
// display: inline-block; |
||||
|
// overflow-wrap: break-word; |
||||
|
// color: rgba(255, 255, 255, 1); |
||||
|
// font-size: 14px; |
||||
|
// font-family: PingFangSC-Medium; |
||||
|
// white-space: nowrap; |
||||
|
// line-height: 20px; |
||||
|
// text-align: right; |
||||
|
// } |
||||
|
// } |
||||
|
// } |
||||
|
// } |
||||
|
} |
||||
|
|
||||
|
.popover { |
||||
|
.ant-tooltip-inner{ |
||||
|
min-width: 0 !important; |
||||
|
min-height: 0 !important; |
||||
|
background-color: rgba(0, 0, 0, 0) !important; |
||||
|
} |
||||
|
|
||||
|
// .ant-popover-arrow { |
||||
|
// .ant-popover-arrow-content { |
||||
|
// display: none; |
||||
|
// } |
||||
|
|
||||
|
// span { |
||||
|
// display: none; |
||||
|
// } |
||||
|
// } |
||||
|
|
||||
|
// .ant-popover-inner { |
||||
|
// .ant-popover-inner-content { |
||||
|
// padding: 0; |
||||
|
// } |
||||
|
// } |
||||
|
// .ant-popover-inner{padding:0 !important;} |
||||
|
} |
||||
File diff suppressed because it is too large
Loading…
Reference in new issue