C端小程序
No puede seleccionar más de 25 temas Los temas deben comenzar con una letra o número, pueden incluir guiones ('-') y pueden tener hasta 35 caracteres de largo.

247 líneas
3.9 KiB

  1. /**passCar.wxss**/
  2. page{
  3. background-color: #f8f8f8;
  4. }
  5. .headBox{
  6. margin-top: 13rpx;
  7. width: 750rpx;
  8. height: 210rpx;
  9. box-sizing: border-box;
  10. padding: 30rpx 40rpx;
  11. display: flex;
  12. background-color: white
  13. }
  14. .headBox image{
  15. width: 150rpx;
  16. height: 150rpx;
  17. margin:10rpx 30rpx 0 0;
  18. border-radius:16rpx;
  19. }
  20. .numberBox{
  21. width: 400rpx;
  22. height: 150rpx
  23. }
  24. .titleName{
  25. line-height: 60rpx;
  26. height:60rpx;
  27. color: #666;
  28. font-size: 32rpx;
  29. width: 400rpx;
  30. word-break:break-all;
  31. text-align: justify;
  32. margin-bottom: 10rpx;
  33. }
  34. ::-webkit-scrollbar{
  35. width: 0;
  36. height: 0;
  37. color: transparent;
  38. }
  39. .carLocation,.locationNumber{
  40. width: 400rpx;
  41. height: 40rpx;
  42. color: #666;
  43. font-size: 24rpx;
  44. line-height: 30rpx;
  45. }
  46. .price{
  47. font-size: 28rpx;
  48. }
  49. .borderBox{
  50. width: 750rpx;
  51. margin-top: 26rpx;
  52. }
  53. .borderUp{
  54. padding: 50rpx;
  55. width: 650rpx;
  56. height: 50rpx;
  57. line-height: 50rpx;
  58. font-size: 36rpx;
  59. color: #333;
  60. border-bottom: 1rpx #f8f8f8 solid;
  61. background-color: white;
  62. }
  63. .carNumber{
  64. padding: 50rpx;
  65. height: 50rpx;
  66. line-height: 50rpx;
  67. font-size: 28rpx;
  68. color: #cbcbcb;
  69. background-color: white;
  70. }
  71. .addBox{
  72. width: 750rpx;
  73. height: 220rpx;
  74. position: relative;
  75. background-color: white;
  76. }
  77. .add{
  78. position: absolute;
  79. left: 50%;
  80. top: 50%;
  81. transform: translate(-50%,-50%);
  82. font-size: 34rpx;
  83. color: #666;
  84. border:2px dashed #eee;
  85. padding: 30rpx 50rpx;
  86. border-radius:16rpx;
  87. }
  88. .add text{
  89. font-size: 40rpx;
  90. }
  91. .bottonBox{
  92. width: 750rpx;
  93. margin-top: 75rpx;
  94. }
  95. .textStyle{
  96. background-color: white;
  97. height: 90rpx;
  98. line-height: 90rpx;
  99. padding-left: 130rpx;
  100. color: #333;
  101. font-size: 28rpx;
  102. letter-spacing: 1rpx;
  103. border-bottom: 1rpx #f8f8f8 solid;
  104. position: relative;
  105. }
  106. .textStyle image{
  107. width: 50rpx;
  108. height: 50rpx;
  109. top: 20rpx;
  110. left: 50rpx;
  111. position: absolute;
  112. }
  113. .passNumberBox{
  114. width: 750rpx;
  115. position: relative;
  116. background-color: white;
  117. border-bottom: 1rpx #f8f8f8 solid;
  118. display: flex;
  119. justify-content: space-between;
  120. }
  121. .passNumber{
  122. width: 450rpx;
  123. height: 150rpx;
  124. margin-left: 55rpx;
  125. position: relative;
  126. display: flex;
  127. justify-content: space-between;
  128. line-height: 150rpx;
  129. font-weight: 600;
  130. color: #333;
  131. }
  132. .nopay{
  133. height: 80rpx;
  134. line-height: 80rpx;
  135. font-weight: 400;
  136. }
  137. .number{
  138. font-size: 32rpx;
  139. }
  140. .parkPrice{
  141. font-size: 30rpx;
  142. font-weight: 500;
  143. }
  144. .deleteButton{
  145. font-size: 28rpx;
  146. line-height: 50rpx;
  147. height: 50rpx;
  148. top: 50%;
  149. right: 30rpx;
  150. position: absolute;
  151. transform: translate(0,-50%);
  152. }
  153. .detail{
  154. width: 32rpx;
  155. height: 32rpx;
  156. right: 50rpx;
  157. top: 32rpx;
  158. position: absolute;
  159. }
  160. .detail image{
  161. width: 32rpx;
  162. height: 32rpx;
  163. position: absolute;
  164. left: 0;
  165. top: 0;
  166. }
  167. .voucher{
  168. width: 90%;
  169. padding: 0 5%;
  170. background-color: rgb(255, 178, 50);
  171. /* background-color: #cbcbcb; */
  172. height: 80rpx;
  173. position: relative;
  174. margin: 24rpx 0;
  175. border-bottom: 2rpx #fff solid;
  176. display: flex;
  177. justify-content: space-between;
  178. }
  179. .textV1,.textV2{
  180. height: 58rpx;
  181. width: 225rpx;
  182. padding-top: 22rpx;
  183. text-align: center;
  184. line-height: 80rxp;
  185. font-size: 28rpx;
  186. color: #fff;
  187. }
  188. .textV2{
  189. margin-top: -1rpx;
  190. padding: 0;
  191. /* background-color: rgb(0, 192, 255); */
  192. border-radius: 10rpx;
  193. width: 221rpx;
  194. height: 80rpx;
  195. line-height: 80rpx;
  196. font-size: 36rpx;
  197. border: 4rpx #fff solid;
  198. margin-bottom: 22rpx;
  199. }
  200. /* .textV1{
  201. position: absolute;
  202. left: 10rpx;
  203. top: 22rpx;
  204. } */
  205. /* .textV2{
  206. position: absolute;
  207. top: 22rpx;
  208. right: 80rpx;
  209. } */
  210. .choice{
  211. width: 80rpx;
  212. height: 80rpx;
  213. position: relative;
  214. }
  215. .choice image{
  216. position: absolute;
  217. left: 50%;
  218. top: 50%;
  219. transform: translate(-50%,-50%);
  220. width: 30rpx;
  221. height: 30rpx;
  222. }
  223. .buy-view {
  224. background: #fff;
  225. position: relative;
  226. padding-top: 10rpx;
  227. height:98rpx;
  228. bottom: 0rpx;
  229. margin-top: 50rpx;
  230. /* left: 0;
  231. right: 0; */
  232. }
  233. .buy {
  234. background: #00c0ff;
  235. height: 88rpx;
  236. width: 98%;
  237. margin: 30rpx auto;
  238. color: #fff;
  239. font-size: 36rpx;
  240. line-height: 88rpx;
  241. border-radius: 6rpx;
  242. }