You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
95 lines
1.9 KiB
95 lines
1.9 KiB
.charging_body { |
|
width: 100vw; |
|
height: 100vh; |
|
background-color: #f1f8fd; |
|
box-sizing: border-box; |
|
padding-top: 50rpx; |
|
.charging_container { |
|
position: relative; |
|
padding: 0 56rpx; |
|
padding-top: 50rpx; |
|
box-sizing: border-box; |
|
background-color: #ffffff; |
|
height: 100%; |
|
width: 100%; |
|
border-radius: 70rpx 70rpx 0 0; |
|
padding-bottom: constant(safe-area-inset-bottom); |
|
padding-bottom: env(safe-area-inset-bottom); |
|
.reload{ |
|
position: absolute; |
|
right: 26rpx; |
|
top:16rpx; |
|
|
|
} |
|
.charging_footer { |
|
margin-top: 68rpx; |
|
.charging_footer_button { |
|
width: 100%; |
|
padding: 30rpx 0; |
|
border-radius: 15rpx 15rpx 15rpx 15rpx; |
|
background: #121836; |
|
color: #ffffff; |
|
font-size: 34rpx; |
|
font-weight: 600; |
|
} |
|
} |
|
.charging_cars { |
|
flex-wrap: wrap; |
|
margin-top: 68rpx; |
|
.charging_cars_item { |
|
width: 290rpx; |
|
height: 175rpx; |
|
background: rgba(181, 195, 240, 0.08); |
|
border-radius: 20rpx 20rpx 20rpx 20rpx; |
|
padding: 30rpx 20rpx; |
|
box-sizing: border-box; |
|
.charging_cars_item_footer { |
|
color: #121836; |
|
font-size: 26rpx; |
|
margin-top: 20rpx; |
|
} |
|
.charging_cars_item_top { |
|
font-size: 26rpx; |
|
color: #666666; |
|
position: relative; |
|
image { |
|
width: 92rpx; |
|
height: 92rpx; |
|
position: absolute; |
|
right: -57rpx; |
|
top: -57rpx; |
|
} |
|
} |
|
} |
|
} |
|
.charging_information { |
|
margin-top: 68rpx; |
|
.charging_information_item { |
|
.charging_information_item_value { |
|
font-size: 30rpx; |
|
color: #121836; |
|
} |
|
.charging_information_item_label { |
|
color: #666666; |
|
font-size: 26rpx; |
|
} |
|
} |
|
.segmentation { |
|
width: 3rpx; |
|
height: 88rpx; |
|
background: linear-gradient(360deg, #c9d5f7 8%, #7494f7 49%, #c2d0fa 100%); |
|
} |
|
} |
|
.charging_title:first-child{ |
|
margin-top: 0; |
|
} |
|
.charging_title { |
|
color: #000000; |
|
font-size: 26rpx; |
|
margin-top: 15rpx; |
|
} |
|
.charging_dashboard { |
|
margin-top: 68rpx; |
|
} |
|
} |
|
}
|
|
|