getout.scss 3.4 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199
  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: 26rpx 30rpx 0 30rpx;
  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. .u-size-mini{
  105. height: 76rpx;
  106. }
  107. }
  108. .pagesInput{
  109. display: flex;
  110. width: 145rpx;
  111. margin: auto 30rpx;
  112. .pagesInput-left{
  113. margin-top: 20rpx;
  114. margin-right: 4rpx;
  115. }
  116. .pagesInput-right{
  117. margin-top: 20rpx;
  118. margin-left: 4rpx;
  119. }
  120. }
  121. .roadspace-list{
  122. overflow: hidden;
  123. margin-top: 30rpx;
  124. margin-left: 22rpx;
  125. .roadspace-list-item{
  126. float: left;
  127. width: calc( 50% - 18rpx );
  128. margin-bottom: 13rpx;
  129. margin-left: 18rpx;
  130. .block{
  131. overflow: hidden;
  132. margin-bottom: 9rpx;
  133. height: 129rpx;
  134. background: #D6EBFD;
  135. border-radius: 11rpx;
  136. }
  137. .text{
  138. font-size: 32rpx;
  139. line-height: 45rpx;
  140. font-weight: 500;
  141. color: #767676;
  142. text-align: center;
  143. }
  144. }
  145. @-webkit-keyframes twinkling{ /*透明度由0到1*/
  146. 0%{
  147. opacity:0; /*透明度为0*/
  148. // background: #000000;
  149. }
  150. 100%{
  151. opacity:1; /*透明度为1*/
  152. // background: #CCFF00;
  153. }
  154. }
  155. .roadspace-list-item.used{
  156. .block{
  157. border: 2rpx solid #379EFA;
  158. background-color: #fff;
  159. // animation: twinkling 1s infinite ease-in-out;
  160. }
  161. .flashing{
  162. overflow: hidden;
  163. margin-bottom: 9rpx;
  164. height: 129rpx;
  165. border-radius: 11rpx;
  166. animation: twinkling 1s infinite ease-in-out;
  167. }
  168. .block-top{
  169. height: 75rpx;
  170. background-color: #3397FA;
  171. display: flex;
  172. align-items: center;
  173. padding-left: 40rpx;
  174. color: #fff;
  175. .car-no{
  176. margin-left: 27rpx;
  177. font-size: 36rpx;
  178. font-weight: 500;
  179. color: #FFFFFF;
  180. letter-spacing: 1px;
  181. }
  182. }
  183. .block-bottom{
  184. height: calc( 100% - 75rpx );
  185. display: flex;
  186. align-items: center;
  187. padding-left: 40rpx;
  188. color: #767676;
  189. .time{
  190. margin-left: 29rpx;
  191. font-size: 20rpx;
  192. }
  193. }
  194. }
  195. }