123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152 |
- .car-info{
- margin-top: 20rpx;
- padding: 40rpx;
- .car-info-img{
- width: 220rpx;
- height: 287rpx;;
- padding: 14rpx;
- margin-right: 35rpx;
- box-sizing: border-box;
- background: #FFFFFF;
- box-shadow: 0px 0px 8rpx 3rpx rgba(166, 166, 166, 0.29);
- border-radius: 10rpx;
- }
- .car-info-text{
- .text-item{
- padding-bottom: 10rpx;
- margin-bottom: 10rpx;
- border-bottom: 1px solid #EAEAEA;
- font-size: 30rpx;
- font-weight: 400;
- color: #8A8A8A;
- line-height: 42rpx;
- letter-spacing: 1px;
- .car{
- font-size: 40rpx;
- font-weight: 500;
- color: #3D3D3D;
- line-height: 56rpx;
- }
- .balance{
- font-size: 32rpx;
- font-weight: 500;
- color: #FA6400;
- line-height: 45rpx;
- }
- .recharge{
- padding: 0 22rpx;
- height: 36rpx;
- line-height: 36rpx;
- background: #3397FA;
- color: #fff;
- border-radius: 5rpx;
- font-size: 18rpx;
- }
- }
- }
- }
- .parking-info{
- border-top: 20rpx solid #F4F4F4;
- // background: #EDF6FF;
- border-radius: 10rpx;
- padding: 40rpx;
- .parking-info-item{
- padding: 22rpx 0 18rpx;
- border-bottom: 1px solid #EAEAEA;
- margin-bottom: 9rpx;
- font-size: 36rpx;
- font-weight: 400;
- color: #818181;
- line-height: 50rpx;
- letter-spacing: 1px;
- }
- }
- .bottom-btn-box{
- bottom: 60rpx;
- }
- .popup{
- /deep/ .uni-scroll-view-content{
- padding: 39rpx 34rpx 77rpx;
- box-sizing: border-box;
- }
- .popup-title{
- font-size: 46rpx;
- color: #404040;
- line-height: 65rpx;
- text-align: center;
- border-bottom: 1px solid #D5D5D5;
- padding-bottom: 23rpx;
- margin-bottom: 33rpx;
- }
- }
- .orderDetails{
- dl{
- display: flex;
- font-size: 36rpx;
- line-height: 60rpx;
- padding-left: 30rpx;
- padding-right: 30rpx;
- color: #5F5F5F;
- }
- .tip{
- margin: 49rpx 30rpx 47rpx;
- font-size: 36rpx;
- font-weight: 400;
- color: #5F5F5F;
- line-height: 51rpx;
- }
- .details-footer-btn{
- flex: 1;
- height: 85rpx;
- line-height: 85rpx;
- text-align: center;
- font-size: 30rpx;
- font-weight: 500;
- color: #fff;
- border-radius: 10rpx;
- background-color: #EBF1FF;
- color: #3698FA;
- border-radius: 10rpx;
- &--blue{
- background-color: #3397FA;
- color: #fff;
- }
- &--yellow{
- background-color: #FF9A57;
- color: #fff;
- }
- }
- .details-footer-btn + .details-footer-btn{
- margin-left: 15rpx;
- }
- }
- .payway-popup{
- .payway-item{
- text-align: center;
- font-size: 30rpx;
- font-weight: 400;
- color: #5F5F5F;
- line-height: 51rpx;
- // .icon-wrap{
- // width: 143rpx;
- // height: 143rpx;
- // line-height: 143rpx;
- // border-radius: 50%;
- // border: 18rpx solid;
- // margin-bottom: 9rpx;
- // }
- }
- .payway-popup-btn{
- margin-top: 42rpx;
- height: 85rpx;
- line-height: 85rpx;
- background: #3397FA;
- box-shadow: 0px 9rpx 9rpx 0px rgba(0, 0, 0, 0.03);
- text-align: center;
- border-radius: 10rpx;
- font-size: 30rpx;
- font-weight: 500;
- color: #FFFFFF;
- }
- }
|