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.

599 lines
8.4 KiB

  1. @import "../../app.wxss";
  2. page {
  3. background-color: #fff;
  4. }
  5. .headBox {
  6. width: 690rpx;
  7. margin: 30rpx auto 0;
  8. box-sizing: border-box;
  9. display: flex;
  10. background-color: white;
  11. }
  12. .headBox image {
  13. width: 150rpx;
  14. height: 150rpx;
  15. margin: 10rpx 30rpx 0 0;
  16. border-radius: 16rpx;
  17. }
  18. .titleName {
  19. width: 100%;
  20. line-height: 35rpx;
  21. height: 35rpx;
  22. color: #666;
  23. font-size: 32rpx;
  24. word-break: break-all;
  25. text-align: justify;
  26. font-weight:bold;
  27. }
  28. ::-webkit-scrollbar {
  29. width: 0;
  30. height: 0;
  31. color: transparent;
  32. }
  33. .carLocation, .locationNumber {
  34. display: inline-block;
  35. height: 40rpx;
  36. color: #999;
  37. font-size: 24rpx;
  38. line-height: 30rpx;
  39. }
  40. .carLocation {
  41. width: 206rpx;
  42. font-size: 28rpx;
  43. }
  44. .yuan {
  45. display: inline-block;
  46. margin-left: 6rpx;
  47. color: #333;
  48. }
  49. .price {
  50. font-size: 28rpx;
  51. color: #999;
  52. width: 100%;
  53. margin-top: 10rpx;
  54. line-height: 40rpx;
  55. }
  56. .time{
  57. color: #999!important;
  58. }
  59. .price .fl{
  60. width: 15%;
  61. color: #666;
  62. }
  63. .price .fr{
  64. width: 85%;
  65. color: #999;
  66. line-height: 40rpx;
  67. font-size: 26rpx;
  68. }
  69. .titleName .fr{
  70. color: #999;
  71. font-size: 27rpx;
  72. }
  73. .borderBox {
  74. width: 750rpx;
  75. margin-top: 26rpx;
  76. }
  77. .borderUp {
  78. width: 680rpx;
  79. margin: 0 auto;
  80. font-size: 36rpx;
  81. border: 2rpx dashed #979797;
  82. border-radius: 16rpx;
  83. padding-bottom: 40rpx;
  84. height: 202rpx;
  85. margin-top: 47rpx;
  86. }
  87. .addicense_active {
  88. width: 690rpx;
  89. /* box-shadow: 0 4rpx 20rpx 0 rgba(153, 153, 153, 0.35); */
  90. border-radius: 12rpx;
  91. /* background: #02c0ff; *//* padding-bottom: 40rpx; */
  92. }
  93. .myCar {
  94. display: block;
  95. text-align: center;
  96. font-size: 34rpx;
  97. color: #02c0ff;
  98. letter-spacing: 0;
  99. }
  100. .carNumber {
  101. display: block;
  102. height: 50rpx;
  103. line-height: 50rpx;
  104. text-align: center;
  105. font-size: 26rpx;
  106. color: #999;
  107. letter-spacing: 0;
  108. margin-top: 10rpx;
  109. }
  110. .addBox {
  111. width: 750rpx;
  112. position: relative;
  113. background-color: white;
  114. }
  115. .add {
  116. position: absolute;
  117. left: 50%;
  118. top: 50%;
  119. transform: translate(-50%, -50%);
  120. font-size: 34rpx;
  121. color: #666;
  122. border: 2px dashed #eee;
  123. padding: 30rpx 50rpx;
  124. border-radius: 16rpx;
  125. }
  126. .add text {
  127. font-size: 40rpx;
  128. }
  129. .bottonBox {
  130. width: 750rpx;
  131. margin-top: 30rpx;
  132. }
  133. .textStyle {
  134. background-color: white;
  135. height: 88rpx;
  136. line-height: 88rpx;
  137. padding-left: 92rpx;
  138. border-bottom: 1px #f8f8f8 solid;
  139. position: relative;
  140. font-size: 30rpx;
  141. color: #333;
  142. letter-spacing: 1.16rpx;
  143. }
  144. .textStyle image {
  145. width: 40rpx;
  146. height: 40rpx;
  147. top: 27rpx;
  148. left: 27rpx;
  149. position: absolute;
  150. }
  151. .swiper {
  152. position: relative;
  153. margin: 0 auto;
  154. height: 262rpx;
  155. }
  156. .swiper-item {
  157. width: 365rpx;
  158. font-size: 75rpx;
  159. font-weight: 400;
  160. text-align: center;
  161. color: rgba(255, 255, 255, 1);
  162. }
  163. .swiper-item .clearfix1 {
  164. background: #bbe6ff;
  165. border-radius: 12rpx;
  166. padding: 6rpx;
  167. }
  168. .tche {
  169. width: 685rpx;
  170. height: 88rpx;
  171. line-height: 88rpx;
  172. margin: 0 auto;
  173. background: #56bdf8;
  174. border-radius: 60rpx;
  175. position: relative;
  176. margin-top: 30rpx;
  177. }
  178. .txt01 {
  179. width: 667rpx;
  180. height: 180rpx;
  181. line-height: 180rpx;
  182. float: left;
  183. background: #56bdf8;
  184. border-radius: 12rpx;
  185. border: 3px solid #fff;
  186. text-align: center;
  187. font-size: 60rpx;
  188. }
  189. .passNumberBox {
  190. position: relative;
  191. background-color: white;
  192. /* border-bottom: 1rpx #f8f8f8 solid; */
  193. margin-top: 60rpx;
  194. }
  195. .numberBox{
  196. width: 100%;
  197. }
  198. .passNumber {
  199. width: 400rpx;
  200. height: 100rpx;
  201. font-size: 32rpx;
  202. font-weight: 600;
  203. line-height: 100rpx;
  204. left: 55rpx;
  205. position: absolute;
  206. }
  207. .nopay {
  208. height: 80rpx;
  209. line-height: 80rpx;
  210. font-weight: 400;
  211. }
  212. .number {
  213. font-size: 48rpx;
  214. color: #1f2d3d;
  215. letter-spacing: 0;
  216. line-height: 52rpx;
  217. font-weight: 400;
  218. }
  219. .manage_plate {
  220. width: 65%;
  221. border-radius: 80rpx;
  222. margin: 40rpx auto 0;
  223. background: #02c0ff;
  224. color: #fff;
  225. text-align: center;
  226. font-size: 30rpx;
  227. }
  228. .button_active {
  229. opacity: 0.6;
  230. }
  231. .btn001 {
  232. height: 88rpx;
  233. line-height: 88rpx;
  234. margin: 0 auto;
  235. font-size: 30rpx;
  236. font-weight: 400;
  237. color: #fff;
  238. background: none;
  239. }
  240. .parkPrice {
  241. font-size: 30rpx;
  242. font-weight: 500;
  243. }
  244. .deleteButton {
  245. font-size: 28rpx;
  246. line-height: 50rpx;
  247. height: 50rpx;
  248. top: 50%;
  249. right: 30rpx;
  250. position: absolute;
  251. transform: translate(0, -50%);
  252. color: white;
  253. background-color: #00c0ff !important;
  254. }
  255. .deleteButton button {
  256. background-color: #00c0ff !important;
  257. }
  258. .detail {
  259. width: 32rpx;
  260. height: 32rpx;
  261. right: 34rpx;
  262. top: 32rpx;
  263. position: absolute;
  264. }
  265. .detail image {
  266. width: 44rpx;
  267. height: 44rpx;
  268. position: absolute;
  269. left: 0;
  270. top: 0;
  271. }
  272. .voucher {
  273. width: 90%;
  274. padding: 0 5%;
  275. background-color: #fff;
  276. /* background-color: #cbcbcb; */
  277. height: 80rpx;
  278. position: relative;
  279. margin: 0 0 12rpx 0;
  280. border-bottom: 2rpx #fff solid;
  281. display: flex;
  282. justify-content: space-between;;
  283. }
  284. .textV1, .textV2 {
  285. height: 58rpx;
  286. width: 100rpx;
  287. padding-top: 26rpx;
  288. text-align: center;
  289. line-height: 80rxp;
  290. font-size: 24rpx;
  291. color: #333;
  292. }
  293. .textV2 {
  294. margin-top: 0rpx;
  295. padding: 0;
  296. /* background-color: rgb(0, 192, 255); */
  297. border-radius: 10rpx;
  298. width: 300rpx;
  299. height: 80rpx;
  300. line-height: 80rpx;
  301. font-size: 20rpx;
  302. border: 4rpx #fff solid;
  303. margin-bottom: 20rpx;
  304. }
  305. .textV3 {
  306. width: 225rpx;
  307. }
  308. /* .textV1{
  309. position: absolute;
  310. left: 10rpx;
  311. top: 22rpx;
  312. } */
  313. /* .textV2{
  314. position: absolute;
  315. top: 22rpx;
  316. right: 80rpx;
  317. } */
  318. .choice {
  319. width: 80rpx;
  320. height: 80rpx;
  321. position: relative;
  322. }
  323. .choice image {
  324. position: absolute;
  325. left: 50%;
  326. top: 50%;
  327. transform: translate(-50%, -50%);
  328. width: 30rpx;
  329. height: 30rpx;
  330. }
  331. .buy-view {
  332. background: #fff;
  333. position: relative;
  334. height: 88rpx;
  335. margin-top: 50rpx;
  336. }
  337. .buy {
  338. background: #56bdf8;
  339. height: 88rpx;
  340. width: 98%;
  341. margin: 0 auto;
  342. color: #fff;
  343. font-size: 36rpx;
  344. line-height: 88rpx;
  345. border-radius: 60rpx;
  346. position: relative;
  347. z-index: 100;
  348. }
  349. .buyBox {
  350. height: 88rpx;
  351. width: 98%;
  352. position: absolute;
  353. left: 0;
  354. top: 0;
  355. z-index: 100000000;
  356. border-radius:60rpx;
  357. }
  358. .active {
  359. opacity: 0.6;
  360. }
  361. .borderBox {
  362. width: 690rpx;
  363. margin: 50rpx auto 0;
  364. }
  365. .carmanage {
  366. position: relative;
  367. width: 690rpx;
  368. margin: 0 auto;
  369. height: 88rpx;
  370. line-height: 88rpx;
  371. border-bottom: 1rpx solid #eee;
  372. }
  373. .carmanage .fr {
  374. font-size: 28rpx;
  375. color: #888;
  376. letter-spacing: 1.16rpx;
  377. text-align: right;
  378. margin-right: 40rpx;
  379. }
  380. .fl {
  381. float: left;
  382. }
  383. .fr {
  384. float: right;
  385. }
  386. .carmanage .fl {
  387. width: 400rpx;
  388. }
  389. .carmanage .fr image {
  390. position: absolute;
  391. top: 0;
  392. right: 0;
  393. bottom: 0;
  394. margin: auto;
  395. width: 44rpx;
  396. height: 44rpx;
  397. }
  398. .carmanage image {
  399. width: 40rpx;
  400. vertical-align: middle;
  401. }
  402. .mycar {
  403. display: inline-block;
  404. margin-left: 20rpx;
  405. font-size: 30rpx;
  406. color: #333;
  407. letter-spacing: 1.16rpx;
  408. }
  409. .num {
  410. display: inline-block;
  411. font-size: 26rpx;
  412. color: #999;
  413. letter-spacing: 0;
  414. margin-left: 20rpx;
  415. }
  416. .orderBox {
  417. padding: 0 20rpx;
  418. position: relative;
  419. }
  420. .priceBox {
  421. display: inline-block;
  422. width: 355rpx;
  423. }
  424. .priceBox text {
  425. color: #333;
  426. font-size: 28rpx;
  427. display: block;
  428. text-align: left;
  429. }
  430. .payBox {
  431. width: 250rpxpx;
  432. }
  433. .payBox button {
  434. width: 230rpx;
  435. border: 0;
  436. font-size: 32rpx;
  437. margin-top: 13rpx;
  438. margin-right: 20rpx;
  439. background-color: lightgreen;
  440. color: white;
  441. }
  442. input {
  443. outline: none;
  444. border: none;
  445. list-style: none;
  446. }
  447. button::after {
  448. border: none;
  449. }
  450. .right {
  451. display: inline-block;
  452. width: 328rpx;
  453. }
  454. .textRight {
  455. margin-left: 0;
  456. margin-right: 25rpx;
  457. text-align: left;
  458. font-size: 30rpx !important;
  459. color: #333 !important;
  460. }
  461. .myCars image {
  462. width: 44rpx;
  463. height: 44rpx;
  464. vertical-align: middle;
  465. margin-right: 14rpx;
  466. }
  467. .myCars {
  468. font-size: 34rpx;
  469. color: #02c0ff;
  470. letter-spacing: 0;
  471. text-align: center;
  472. padding-top: 58rpx;
  473. }
  474. .dots {
  475. position: absolute;
  476. left: 0;
  477. right: 0;
  478. bottom: 19rpx;
  479. display: flex;
  480. justify-content: center;
  481. height: 19rpx;
  482. background: #fff;
  483. }
  484. .dots .dot {
  485. margin: 0 8rpx;
  486. width: 32rpx;
  487. height: 14rpx;
  488. background: #fff;
  489. border-radius: 8rpx;
  490. transition: all 0.6s;
  491. }
  492. .dots .dot.active {
  493. width: 49rpx;
  494. height: 4rpx;
  495. background: rgba(86, 189, 248, 1);
  496. border-radius: 6rpx;
  497. }
  498. .coupon {
  499. font-size: 28rpx;
  500. color: #666;
  501. }
  502. .orderBox .fl {
  503. line-height: 60rpx;
  504. font-size: 28rpx;
  505. color: #333;
  506. }
  507. .orderBox .fr {
  508. line-height: 60rpx;
  509. font-size: 28rpx;
  510. color: #FF4949;
  511. }
  512. .jians {
  513. font-size: 22rpx;
  514. display: inline-block;
  515. width: 34rpx;
  516. height: 34rpx;
  517. text-align: center;
  518. background: orange;
  519. line-height: 34rpx;
  520. color: #fff;
  521. border-radius: 6rpx;
  522. margin-right: 6rpx;
  523. }