C端小程序
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

317 lines
4.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. height:50rpx;
  65. line-height:50rpx;
  66. font-size:50rpx;
  67. color:#cbcbcb;
  68. background-color:white;
  69. text-align:right;
  70. margin:0 0 0 440rpx;
  71. font-weight:800;
  72. }
  73. .addBox{
  74. width: 750rpx;
  75. height: 220rpx;
  76. position: relative;
  77. background-color: white;
  78. }
  79. .add{
  80. position: absolute;
  81. left: 50%;
  82. top: 50%;
  83. transform: translate(-50%,-50%);
  84. font-size: 34rpx;
  85. color: #666;
  86. border:2px dashed #eee;
  87. padding: 30rpx 50rpx;
  88. border-radius:16rpx;
  89. }
  90. .add text{
  91. font-size: 40rpx;
  92. }
  93. .bottonBox{
  94. width: 750rpx;
  95. margin-top: 50rpx;
  96. }
  97. .textStyle{
  98. background-color: white;
  99. height: 90rpx;
  100. line-height: 90rpx;
  101. padding-left: 130rpx;
  102. color: #333;
  103. font-size: 28rpx;
  104. letter-spacing: 1rpx;
  105. border-bottom: 1rpx #f8f8f8 solid;
  106. position: relative;
  107. }
  108. .textStyle image{
  109. width: 50rpx;
  110. height: 50rpx;
  111. top: 20rpx;
  112. left: 50rpx;
  113. position: absolute;
  114. }
  115. .passNumberBox{
  116. width: 750rpx;
  117. position: relative;
  118. background-color: white;
  119. border-bottom: 1rpx #f8f8f8 solid ;
  120. }
  121. .passNumber{
  122. width: 400rpx;
  123. height: 100rpx;
  124. font-size: 32rpx;
  125. font-weight: 600;
  126. line-height: 100rpx;
  127. left: 55rpx;
  128. position: absolute;
  129. }
  130. .nopay{
  131. height: 80rpx;
  132. line-height: 80rpx;
  133. font-weight: 400;
  134. }
  135. .number{
  136. font-size: 32rpx;
  137. }
  138. .parkPrice{
  139. font-size: 30rpx;
  140. font-weight: 500;
  141. }
  142. .deleteButton{
  143. font-size: 28rpx;
  144. line-height: 50rpx;
  145. height: 50rpx;
  146. top: 50%;
  147. right: 30rpx;
  148. position: absolute;
  149. transform: translate(0,-50%);
  150. color: white;
  151. background-color: #00c0ff!important;
  152. }
  153. .deleteButton button{
  154. background-color: #00c0ff!important;
  155. }
  156. .detail{
  157. width: 32rpx;
  158. height: 32rpx;
  159. right: 34rpx;
  160. top: 32rpx;
  161. position: absolute;
  162. }
  163. .detail image{
  164. width: 32rpx;
  165. height: 32rpx;
  166. position: absolute;
  167. left: 0;
  168. top: 0;
  169. }
  170. .voucher{
  171. width: 90%;
  172. padding: 0 5%;
  173. background-color: #fff;
  174. /* background-color: #cbcbcb; */
  175. height: 80rpx;
  176. position: relative;
  177. margin: 0 0 12rpx 0;
  178. border-bottom: 2rpx #fff solid;
  179. display: flex;
  180. justify-content: space-between;
  181. }
  182. .textV1,.textV2{
  183. height: 58rpx;
  184. width: 100rpx;
  185. padding-top: 22rpx;
  186. text-align: center;
  187. line-height: 80rxp;
  188. font-size: 28rpx;
  189. color: #333;
  190. }
  191. .textV2{
  192. margin-top: -1rpx;
  193. padding: 0;
  194. /* background-color: rgb(0, 192, 255); */
  195. border-radius: 10rpx;
  196. width: 300rpx;
  197. height: 80rpx;
  198. line-height: 80rpx;
  199. font-size: 28rpx;
  200. border: 4rpx #fff solid;
  201. margin-bottom: 22rpx;
  202. }
  203. .textV3{
  204. width: 225rpx;
  205. }
  206. /* .textV1{
  207. position: absolute;
  208. left: 10rpx;
  209. top: 22rpx;
  210. } */
  211. /* .textV2{
  212. position: absolute;
  213. top: 22rpx;
  214. right: 80rpx;
  215. } */
  216. .choice{
  217. width: 80rpx;
  218. height: 80rpx;
  219. position: relative;
  220. }
  221. .choice image{
  222. position: absolute;
  223. left: 50%;
  224. top: 50%;
  225. transform: translate(-50%,-50%);
  226. width: 30rpx;
  227. height: 30rpx;
  228. }
  229. .buy-view {
  230. background: #fff;
  231. position: relative;
  232. padding-top: 10rpx;
  233. height:98rpx;
  234. bottom: 0rpx;
  235. margin-top: 50rpx;
  236. /* left: 0;
  237. right: 0; */
  238. }
  239. .buy {
  240. background: #00c0ff;
  241. height: 88rpx;
  242. width: 98%;
  243. margin: 0 auto;
  244. color: #fff;
  245. font-size: 36rpx;
  246. line-height: 88rpx;
  247. border-radius: 6rpx;
  248. }
  249. .borderBox{
  250. width: 750rpx;
  251. margin-top: 26rpx;
  252. }
  253. .orderBox {
  254. width: 100%;
  255. height: 100rpx;
  256. border-top: 1rpx #f8f8f8 solid;
  257. position: relative;
  258. display: flex;
  259. }
  260. .passUp {
  261. width: 100%;
  262. height: 100rpx;
  263. position: relative;
  264. }
  265. .priceBox{
  266. width: 420rpx;
  267. }
  268. .priceBox text{
  269. margin-top: 35rpx;
  270. color: #333;
  271. font-size: 24rpx;
  272. margin-left: 50rpx;
  273. display: block;
  274. }
  275. .payBox{
  276. width: 250rpxpx;
  277. }
  278. .payBox button{
  279. width: 230rpx;
  280. border:0;
  281. font-size: 32rpx;
  282. margin-top: 13rpx;
  283. margin-right: 20rpx;
  284. background-color: lightgreen;
  285. color: white;
  286. }
  287. input{
  288. outline:none;
  289. border:none;
  290. list-style: none;
  291. }
  292. button::after{
  293. border:none;
  294. }
  295. .right{
  296. width: 328rpx;
  297. }
  298. .textRight{
  299. margin-left: 0;
  300. margin-right: 25rpx;
  301. text-align: right;
  302. font-size: 30rpx!important;
  303. color: red!important;
  304. }
  305. .buyBox{
  306. width: 750rpx;
  307. height: 88rpx;
  308. position:absolute;
  309. left: 0;
  310. top: 0;
  311. }