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.

444 line
6.1 KiB

  1. /**passCar.wxss**/
  2. page {
  3. background-color: #fff;
  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. width: 680rpx;
  55. margin: 0 auto;
  56. font-size: 36rpx;
  57. }
  58. .myCar {
  59. display: block;
  60. text-align: center;
  61. font-size: 34rpx;
  62. color: #02c0ff;
  63. letter-spacing: 0;
  64. }
  65. .carNumber {
  66. display: block;
  67. height: 50rpx;
  68. line-height: 50rpx;
  69. text-align: center;
  70. font-size: 26rpx;
  71. color: #999;
  72. letter-spacing: 0;
  73. margin-top: 10rpx;
  74. }
  75. .addBox {
  76. width: 750rpx;
  77. height: 220rpx;
  78. position: relative;
  79. background-color: white;
  80. }
  81. .add {
  82. position: absolute;
  83. left: 50%;
  84. top: 50%;
  85. transform: translate(-50%, -50%);
  86. font-size: 34rpx;
  87. color: #666;
  88. border: 2px dashed #eee;
  89. padding: 30rpx 50rpx;
  90. border-radius: 16rpx;
  91. }
  92. .add text {
  93. font-size: 40rpx;
  94. }
  95. .bottonBox {
  96. width: 750rpx;
  97. margin-top: 50rpx;
  98. }
  99. .textStyle {
  100. background-color: white;
  101. height: 88rpx;
  102. line-height: 88rpx;
  103. padding-left: 92rpx;
  104. border-bottom: 1rpx #f8f8f8 solid;
  105. position: relative;
  106. font-size: 30rpx;
  107. color: #333;
  108. letter-spacing: 1.16rpx;
  109. }
  110. .textStyle image {
  111. width: 50rpx;
  112. height: 50rpx;
  113. top: 20rpx;
  114. left: 27rpx;
  115. position: absolute;
  116. }
  117. .passNumberBox {
  118. width: 750rpx;
  119. position: relative;
  120. background-color: white;
  121. border-bottom: 1rpx #f8f8f8 solid;
  122. }
  123. .passNumber {
  124. width: 400rpx;
  125. height: 100rpx;
  126. font-size: 32rpx;
  127. font-weight: 600;
  128. line-height: 100rpx;
  129. left: 55rpx;
  130. position: absolute;
  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. color: white;
  153. background-color: #00c0ff !important;
  154. }
  155. .deleteButton button {
  156. background-color: #00c0ff !important;
  157. }
  158. .detail {
  159. width: 32rpx;
  160. height: 32rpx;
  161. right: 34rpx;
  162. top: 32rpx;
  163. position: absolute;
  164. }
  165. .detail image {
  166. width: 44rpx;
  167. height: 44rpx;
  168. position: absolute;
  169. left: 0;
  170. top: 0;
  171. }
  172. .voucher {
  173. width: 90%;
  174. padding: 0 5%;
  175. background-color: #fff;
  176. /* background-color: #cbcbcb; */
  177. height: 80rpx;
  178. position: relative;
  179. margin: 0 0 12rpx 0;
  180. border-bottom: 2rpx #fff solid;
  181. display: flex;
  182. justify-content: space-between;;
  183. }
  184. .textV1, .textV2 {
  185. height: 58rpx;
  186. width: 100rpx;
  187. padding-top: 26rpx;
  188. text-align: center;
  189. line-height: 80rxp;
  190. font-size: 24rpx;
  191. color: #333;
  192. }
  193. .textV2 {
  194. margin-top: 0rpx;
  195. padding: 0;
  196. /* background-color: rgb(0, 192, 255); */
  197. border-radius: 10rpx;
  198. width: 300rpx;
  199. height: 80rpx;
  200. line-height: 80rpx;
  201. font-size: 20rpx;
  202. border: 4rpx #fff solid;
  203. margin-bottom: 20rpx;
  204. }
  205. .textV3 {
  206. width: 225rpx;
  207. }
  208. /* .textV1{
  209. position: absolute;
  210. left: 10rpx;
  211. top: 22rpx;
  212. } */
  213. /* .textV2{
  214. position: absolute;
  215. top: 22rpx;
  216. right: 80rpx;
  217. } */
  218. .choice {
  219. width: 80rpx;
  220. height: 80rpx;
  221. position: relative;
  222. }
  223. .choice image {
  224. position: absolute;
  225. left: 50%;
  226. top: 50%;
  227. transform: translate(-50%, -50%);
  228. width: 30rpx;
  229. height: 30rpx;
  230. }
  231. .buy-view {
  232. background: #fff;
  233. position: relative;
  234. padding-top: 10rpx;
  235. height: 98rpx;
  236. bottom: 0rpx;
  237. margin-top: 50rpx;
  238. /* left: 0;
  239. right: 0; */
  240. }
  241. .buy {
  242. background: #00c0ff;
  243. height: 88rpx;
  244. width: 98%;
  245. margin: 0 auto;
  246. color: #fff;
  247. font-size: 36rpx;
  248. line-height: 88rpx;
  249. border-radius: 6rpx;
  250. position: relative;
  251. z-index: 100;
  252. }
  253. .borderBox {
  254. width: 690rpx;
  255. margin: 20rpx auto 0;
  256. border: 2rpx dashed #979797;
  257. border-radius: 16rpx;
  258. height: 200rpx;
  259. }
  260. .carmanage {
  261. position: relative;
  262. width: 690rpx;
  263. margin: 0 auto;
  264. height: 88rpx;
  265. line-height: 88rpx;
  266. border-bottom: 1rpx solid #eee;
  267. }
  268. .carmanage .fr {
  269. font-size: 28rpx;
  270. color: #888;
  271. letter-spacing: 1.16rpx;
  272. text-align: right;
  273. margin-right: 40rpx;
  274. }
  275. .fl {
  276. float: left;
  277. }
  278. .fr {
  279. float: right;
  280. }
  281. .carmanage .fl {
  282. width: 400rpx;
  283. }
  284. .carmanage .fr image {
  285. position: absolute;
  286. top: 0;
  287. right: 0;
  288. bottom: 0;
  289. margin: auto;
  290. width: 44rpx;
  291. height: 44rpx;
  292. }
  293. .carmanage image {
  294. width: 40rpx;
  295. vertical-align: middle;
  296. }
  297. .mycar {
  298. display: inline-block;
  299. margin-left: 20rpx;
  300. font-size: 30rpx;
  301. color: #333;
  302. letter-spacing: 1.16rpx;
  303. }
  304. .num {
  305. display: inline-block;
  306. font-size: 26rpx;
  307. color: #999;
  308. letter-spacing: 0;
  309. margin-left: 20rpx;
  310. }
  311. .orderBox {
  312. width: 100%;
  313. height: 100rpx;
  314. border-top: 1rpx #f8f8f8 solid;
  315. position: relative;
  316. display: flex;
  317. }
  318. .passUp {
  319. width: 100%;
  320. height: 100rpx;
  321. position: relative;
  322. }
  323. .priceBox {
  324. width: 420rpx;
  325. }
  326. .priceBox text {
  327. margin-top: 35rpx;
  328. color: #333;
  329. font-size: 24rpx;
  330. margin-left: 50rpx;
  331. display: block;
  332. }
  333. .payBox {
  334. width: 250rpxpx;
  335. }
  336. .payBox button {
  337. width: 230rpx;
  338. border: 0;
  339. font-size: 32rpx;
  340. margin-top: 13rpx;
  341. margin-right: 20rpx;
  342. background-color: lightgreen;
  343. color: white;
  344. }
  345. input {
  346. outline: none;
  347. border: none;
  348. list-style: none;
  349. }
  350. button::after {
  351. border: none;
  352. }
  353. .right {
  354. width: 328rpx;
  355. }
  356. .textRight {
  357. margin-left: 0;
  358. margin-right: 25rpx;
  359. text-align: right;
  360. font-size: 30rpx !important;
  361. color: red !important;
  362. }
  363. .buyBox {
  364. width: 750rpx;
  365. height: 88rpx;
  366. position: absolute;
  367. left: 0;
  368. top: 0;
  369. z-index: 100000000;
  370. }
  371. .myCars image {
  372. width: 44rpx;
  373. height: 44rpx;
  374. vertical-align: middle;
  375. margin-right: 14rpx;
  376. }
  377. .myCars {
  378. font-size: 34rpx;
  379. color: #02c0ff;
  380. letter-spacing: 0;
  381. text-align: center;
  382. padding-top: 50rpx;
  383. }