|
|
@ -123,23 +123,23 @@ |
|
|
|
<div class="carFlex"> |
|
|
|
<div class="let"> |
|
|
|
<div class="item"> |
|
|
|
<p class="p1">总车位</p> |
|
|
|
<p class="p2">6666</p> |
|
|
|
<p class="p1">总车位</p> |
|
|
|
<p class="p2">6666</p> |
|
|
|
</div> |
|
|
|
<div class="item"> |
|
|
|
<p class="p1">周转率</p> |
|
|
|
<p class="p2">66%</p> |
|
|
|
<div class="item"> |
|
|
|
<p class="p1">周转率</p> |
|
|
|
<p class="p2">66%</p> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<ringPie /> |
|
|
|
<div class="rig"> |
|
|
|
<div class="item"> |
|
|
|
<p class="p1">已使用车位</p> |
|
|
|
<p class="p2">6666</p> |
|
|
|
<div class="item"> |
|
|
|
<p class="p1">已使用车位</p> |
|
|
|
<p class="p2">6666</p> |
|
|
|
</div> |
|
|
|
<div class="item"> |
|
|
|
<p class="p1">剩余车位</p> |
|
|
|
<p class="p2">6666</p> |
|
|
|
<div class="item"> |
|
|
|
<p class="p1">剩余车位</p> |
|
|
|
<p class="p2">6666</p> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
@ -514,31 +514,35 @@ export default { |
|
|
|
</script> |
|
|
|
|
|
|
|
<style lang="scss" scoped> |
|
|
|
.carFlex{ |
|
|
|
.carFlex { |
|
|
|
display: flex; |
|
|
|
color: #fff; |
|
|
|
justify-content: center; |
|
|
|
align-items: center; |
|
|
|
.item{ |
|
|
|
|
|
|
|
.item { |
|
|
|
display: flex; |
|
|
|
flex-direction: column; |
|
|
|
justify-content: center; |
|
|
|
width: 2rem; |
|
|
|
text-align: center; |
|
|
|
height: 1.3rem; |
|
|
|
width: 2rem; |
|
|
|
text-align: center; |
|
|
|
height: 1.3rem; |
|
|
|
background: url(/img/img12.png) no-repeat; |
|
|
|
background-size: contain; |
|
|
|
margin-top: .3rem; |
|
|
|
.p1{ |
|
|
|
font-size: .2rem; |
|
|
|
margin-bottom: .1rem; |
|
|
|
} |
|
|
|
.p2{ |
|
|
|
font-size: .3rem; |
|
|
|
} |
|
|
|
background-size: contain; |
|
|
|
margin-top: .3rem; |
|
|
|
|
|
|
|
.p1 { |
|
|
|
font-size: .2rem; |
|
|
|
margin-bottom: .1rem; |
|
|
|
} |
|
|
|
|
|
|
|
.p2 { |
|
|
|
font-size: .3rem; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
.topBg { |
|
|
|
height: .7rem; |
|
|
|
background: url(/img/img1.png) no-repeat; |
|
|
@ -566,7 +570,7 @@ export default { |
|
|
|
position: relative; |
|
|
|
background: url(/img/img2.png) no-repeat; |
|
|
|
background-size: cover; |
|
|
|
margin-bottom: .8rem; |
|
|
|
margin-bottom: .5rem; |
|
|
|
} |
|
|
|
|
|
|
|
.tbody .tr:nth-child(odd) { |
|
|
@ -583,8 +587,8 @@ export default { |
|
|
|
.thead { |
|
|
|
background: #061131; |
|
|
|
width: 100%; |
|
|
|
height: .7rem; |
|
|
|
line-height: .7rem; |
|
|
|
height: .575rem; |
|
|
|
line-height: .575rem; |
|
|
|
font-size: .2rem; |
|
|
|
|
|
|
|
.td { |
|
|
|