getout.scss 3.2 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186
  1. .car-info{
  2. margin-top: 20rpx;
  3. margin-bottom: 33rpx;
  4. padding: 32rpx 40rpx 54rpx;
  5. border-bottom: 20rpx solid #F4F4F4;
  6. .car-info-img{
  7. width: 220rpx;
  8. height: 287rpx;;
  9. padding: 14rpx;
  10. margin-right: 35rpx;
  11. box-sizing: border-box;
  12. background: #FFFFFF;
  13. box-shadow: 0px 0px 8rpx 3rpx rgba(166, 166, 166, 0.29);
  14. border-radius: 10rpx;
  15. }
  16. .car-info-text{
  17. .text-item{
  18. padding-bottom: 15rpx;
  19. margin-bottom: 15rpx;
  20. border-bottom: 1px solid #EAEAEA;
  21. font-size: 30rpx;
  22. font-weight: 400;
  23. color: #8A8A8A;
  24. line-height: 42rpx;
  25. letter-spacing: 1px;
  26. .car{
  27. font-size: 40rpx;
  28. font-weight: 500;
  29. color: #3D3D3D;
  30. line-height: 56rpx;
  31. }
  32. .balance{
  33. font-size: 32rpx;
  34. font-weight: 500;
  35. color: #FA6400;
  36. line-height: 45rpx;
  37. }
  38. .recharge{
  39. padding: 0 22rpx;
  40. height: 36rpx;
  41. line-height: 36rpx;
  42. background: #3397FA;
  43. color: #fff;
  44. border-radius: 5rpx;
  45. font-size: 18rpx;
  46. }
  47. }
  48. .text-item.position-wrap{
  49. font-size: 40rpx;
  50. font-weight: 500;
  51. color: #3D3D3D;
  52. line-height: 56rpx;
  53. }
  54. }
  55. }
  56. .confirm-pop{
  57. .confirm-pop-til{
  58. font-size: 40rpx;
  59. text-align: center;
  60. padding: 40rpx 0 10rpx;
  61. }
  62. .btn{
  63. padding: 0 0 25rpx;
  64. text-align: center;
  65. font-size: 35rpx;
  66. }
  67. }
  68. .bottom-btn{
  69. position: fixed;
  70. left: 40rpx;
  71. right: 40rpx;
  72. bottom: 47rpx;
  73. height: 85rpx;
  74. line-height: 85rpx;
  75. background: #3397FA;
  76. box-shadow: 0px 9rpx 9rpx 0px rgba(0, 0, 0, 0.03);
  77. border-radius: 10rpx;
  78. text-align: center;
  79. font-size: 28rpx;
  80. font-weight: 500;
  81. color: #FFF;
  82. letter-spacing: 1px
  83. }
  84. .search{
  85. margin: 10rpx 28rpx;
  86. }
  87. .bt1{
  88. float: left;
  89. width: 80rpx;
  90. margin-top: 40rpx;
  91. margin-left: 40rpx;
  92. }
  93. .bt2{
  94. float: right;
  95. width: 80rpx;
  96. margin-top: 40rpx;
  97. margin-right: 40rpx;
  98. }
  99. .bottom-btn-wrap{
  100. display: flex;
  101. }
  102. .num{
  103. margin: auto 0;
  104. }
  105. .pagesInput{
  106. width: 45px;
  107. margin: auto 30rpx;
  108. }
  109. .roadspace-list{
  110. overflow: hidden;
  111. margin-top: 30rpx;
  112. margin-left: 22rpx;
  113. .roadspace-list-item{
  114. float: left;
  115. width: calc( 50% - 18rpx );
  116. margin-bottom: 13rpx;
  117. margin-left: 18rpx;
  118. .block{
  119. overflow: hidden;
  120. margin-bottom: 9rpx;
  121. height: 129rpx;
  122. background: #D6EBFD;
  123. border-radius: 11rpx;
  124. }
  125. .text{
  126. font-size: 32rpx;
  127. line-height: 45rpx;
  128. font-weight: 500;
  129. color: #767676;
  130. text-align: center;
  131. }
  132. }
  133. @-webkit-keyframes twinkling{ /*透明度由0到1*/
  134. 0%{
  135. opacity:0; /*透明度为0*/
  136. // background: #000000;
  137. }
  138. 100%{
  139. opacity:1; /*透明度为1*/
  140. // background: #CCFF00;
  141. }
  142. }
  143. .roadspace-list-item.used{
  144. .block{
  145. border: 2rpx solid #379EFA;
  146. background-color: #fff;
  147. // animation: twinkling 1s infinite ease-in-out;
  148. }
  149. .flashing{
  150. overflow: hidden;
  151. margin-bottom: 9rpx;
  152. height: 129rpx;
  153. border-radius: 11rpx;
  154. animation: twinkling 1s infinite ease-in-out;
  155. }
  156. .block-top{
  157. height: 75rpx;
  158. background-color: #3397FA;
  159. display: flex;
  160. align-items: center;
  161. padding-left: 40rpx;
  162. color: #fff;
  163. .car-no{
  164. margin-left: 27rpx;
  165. font-size: 36rpx;
  166. font-weight: 500;
  167. color: #FFFFFF;
  168. letter-spacing: 1px;
  169. }
  170. }
  171. .block-bottom{
  172. height: calc( 100% - 75rpx );
  173. display: flex;
  174. align-items: center;
  175. padding-left: 40rpx;
  176. color: #767676;
  177. .time{
  178. margin-left: 29rpx;
  179. }
  180. }
  181. }
  182. }