C端小程序
Você não pode selecionar mais de 25 tópicos Os tópicos devem começar com uma letra ou um número, podem incluir traços ('-') e podem ter até 35 caracteres.

566 linhas
8.1 KiB

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