123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186 |
- .car-info{
- margin-top: 20rpx;
- margin-bottom: 33rpx;
- padding: 32rpx 40rpx 54rpx;
- border-bottom: 20rpx solid #F4F4F4;
- .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: 15rpx;
- margin-bottom: 15rpx;
- 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;
- }
- }
- .text-item.position-wrap{
- font-size: 40rpx;
- font-weight: 500;
- color: #3D3D3D;
- line-height: 56rpx;
- }
- }
- }
- .confirm-pop{
- .confirm-pop-til{
- font-size: 40rpx;
- text-align: center;
- padding: 40rpx 0 10rpx;
- }
- .btn{
- padding: 0 0 25rpx;
- text-align: center;
- font-size: 35rpx;
- }
- }
- .bottom-btn{
- position: fixed;
- left: 40rpx;
- right: 40rpx;
- bottom: 47rpx;
- height: 85rpx;
- line-height: 85rpx;
- background: #3397FA;
- box-shadow: 0px 9rpx 9rpx 0px rgba(0, 0, 0, 0.03);
- border-radius: 10rpx;
- text-align: center;
- font-size: 28rpx;
- font-weight: 500;
- color: #FFF;
- letter-spacing: 1px
- }
- .search{
- margin: 10rpx 28rpx;
- }
- .bt1{
- float: left;
- width: 80rpx;
- margin-top: 40rpx;
- margin-left: 40rpx;
- }
- .bt2{
- float: right;
- width: 80rpx;
- margin-top: 40rpx;
- margin-right: 40rpx;
- }
- .bottom-btn-wrap{
- display: flex;
- }
- .num{
- margin: auto 0;
- }
- .pagesInput{
- width: 45px;
- margin: auto 30rpx;
- }
- .roadspace-list{
- overflow: hidden;
- margin-top: 30rpx;
- margin-left: 22rpx;
- .roadspace-list-item{
- float: left;
- width: calc( 50% - 18rpx );
- margin-bottom: 13rpx;
- margin-left: 18rpx;
- .block{
- overflow: hidden;
- margin-bottom: 9rpx;
- height: 129rpx;
- background: #D6EBFD;
- border-radius: 11rpx;
- }
- .text{
- font-size: 32rpx;
- line-height: 45rpx;
- font-weight: 500;
- color: #767676;
- text-align: center;
- }
- }
-
- @-webkit-keyframes twinkling{ /*透明度由0到1*/
- 0%{
- opacity:0; /*透明度为0*/
- // background: #000000;
- }
- 100%{
- opacity:1; /*透明度为1*/
- // background: #CCFF00;
- }
- }
- .roadspace-list-item.used{
- .block{
- border: 2rpx solid #379EFA;
- background-color: #fff;
- // animation: twinkling 1s infinite ease-in-out;
- }
- .flashing{
- overflow: hidden;
- margin-bottom: 9rpx;
- height: 129rpx;
- border-radius: 11rpx;
- animation: twinkling 1s infinite ease-in-out;
- }
- .block-top{
- height: 75rpx;
- background-color: #3397FA;
- display: flex;
- align-items: center;
- padding-left: 40rpx;
- color: #fff;
- .car-no{
- margin-left: 27rpx;
- font-size: 36rpx;
- font-weight: 500;
- color: #FFFFFF;
- letter-spacing: 1px;
- }
- }
- .block-bottom{
- height: calc( 100% - 75rpx );
- display: flex;
- align-items: center;
- padding-left: 40rpx;
- color: #767676;
- .time{
- margin-left: 29rpx;
- }
- }
-
-
- }
- }
|