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.

565 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. height: 180rpx;
  227. line-height: 180rpx;
  228. font-size: 32rpx;
  229. font-weight: 400;
  230. color: rgba(255, 255, 255, 1);
  231. background: none;
  232. }
  233. .parkPrice {
  234. font-size: 30rpx;
  235. font-weight: 500;
  236. }
  237. .deleteButton {
  238. font-size: 28rpx;
  239. line-height: 50rpx;
  240. height: 50rpx;
  241. top: 50%;
  242. right: 30rpx;
  243. position: absolute;
  244. transform: translate(0, -50%);
  245. color: white;
  246. background-color: #00c0ff !important;
  247. }
  248. .deleteButton button {
  249. background-color: #00c0ff !important;
  250. }
  251. .detail {
  252. width: 32rpx;
  253. height: 32rpx;
  254. right: 34rpx;
  255. top: 32rpx;
  256. position: absolute;
  257. }
  258. .detail image {
  259. width: 44rpx;
  260. height: 44rpx;
  261. position: absolute;
  262. left: 0;
  263. top: 0;
  264. }
  265. .voucher {
  266. width: 90%;
  267. padding: 0 5%;
  268. background-color: #fff;
  269. /* background-color: #cbcbcb; */
  270. height: 80rpx;
  271. position: relative;
  272. margin: 0 0 12rpx 0;
  273. border-bottom: 2rpx #fff solid;
  274. display: flex;
  275. justify-content: space-between;;
  276. }
  277. .textV1, .textV2 {
  278. height: 58rpx;
  279. width: 100rpx;
  280. padding-top: 26rpx;
  281. text-align: center;
  282. line-height: 80rxp;
  283. font-size: 24rpx;
  284. color: #333;
  285. }
  286. .textV2 {
  287. margin-top: 0rpx;
  288. padding: 0;
  289. /* background-color: rgb(0, 192, 255); */
  290. border-radius: 10rpx;
  291. width: 300rpx;
  292. height: 80rpx;
  293. line-height: 80rpx;
  294. font-size: 20rpx;
  295. border: 4rpx #fff solid;
  296. margin-bottom: 20rpx;
  297. }
  298. .textV3 {
  299. width: 225rpx;
  300. }
  301. /* .textV1{
  302. position: absolute;
  303. left: 10rpx;
  304. top: 22rpx;
  305. } */
  306. /* .textV2{
  307. position: absolute;
  308. top: 22rpx;
  309. right: 80rpx;
  310. } */
  311. .choice {
  312. width: 80rpx;
  313. height: 80rpx;
  314. position: relative;
  315. }
  316. .choice image {
  317. position: absolute;
  318. left: 50%;
  319. top: 50%;
  320. transform: translate(-50%, -50%);
  321. width: 30rpx;
  322. height: 30rpx;
  323. }
  324. .buy-view {
  325. background: #fff;
  326. position: relative;
  327. padding-top: 10rpx;
  328. height: 98rpx;
  329. bottom: 0rpx;
  330. margin-top: 50rpx;
  331. /* left: 0;
  332. right: 0; */
  333. }
  334. .buy {
  335. background: #00c0ff;
  336. height: 88rpx;
  337. width: 98%;
  338. margin: 0 auto;
  339. color: #fff;
  340. font-size: 36rpx;
  341. line-height: 88rpx;
  342. border-radius: 6rpx;
  343. position: relative;
  344. z-index: 100;
  345. }
  346. .borderBox {
  347. width: 690rpx;
  348. margin: 20rpx auto 0;
  349. }
  350. .carmanage {
  351. position: relative;
  352. width: 690rpx;
  353. margin: 0 auto;
  354. height: 88rpx;
  355. line-height: 88rpx;
  356. border-bottom: 1rpx solid #eee;
  357. }
  358. .carmanage .fr {
  359. font-size: 28rpx;
  360. color: #888;
  361. letter-spacing: 1.16rpx;
  362. text-align: right;
  363. margin-right: 40rpx;
  364. }
  365. .fl {
  366. float: left;
  367. }
  368. .fr {
  369. float: right;
  370. }
  371. .carmanage .fl {
  372. width: 400rpx;
  373. }
  374. .carmanage .fr image {
  375. position: absolute;
  376. top: 0;
  377. right: 0;
  378. bottom: 0;
  379. margin: auto;
  380. width: 44rpx;
  381. height: 44rpx;
  382. }
  383. .carmanage image {
  384. width: 40rpx;
  385. vertical-align: middle;
  386. }
  387. .mycar {
  388. display: inline-block;
  389. margin-left: 20rpx;
  390. font-size: 30rpx;
  391. color: #333;
  392. letter-spacing: 1.16rpx;
  393. }
  394. .num {
  395. display: inline-block;
  396. font-size: 26rpx;
  397. color: #999;
  398. letter-spacing: 0;
  399. margin-left: 20rpx;
  400. }
  401. .orderBox {
  402. width: 100%;
  403. height: 100rpx;
  404. border-top: 1rpx #f8f8f8 solid;
  405. position: relative;
  406. display: flex;
  407. }
  408. .priceBox {
  409. width: 420rpx;
  410. }
  411. .priceBox text {
  412. margin-top: 35rpx;
  413. color: #333;
  414. font-size: 24rpx;
  415. margin-left: 50rpx;
  416. display: block;
  417. }
  418. .payBox {
  419. width: 250rpxpx;
  420. }
  421. .payBox button {
  422. width: 230rpx;
  423. border: 0;
  424. font-size: 32rpx;
  425. margin-top: 13rpx;
  426. margin-right: 20rpx;
  427. background-color: lightgreen;
  428. color: white;
  429. }
  430. input {
  431. outline: none;
  432. border: none;
  433. list-style: none;
  434. }
  435. button::after {
  436. border: none;
  437. }
  438. .right {
  439. width: 328rpx;
  440. }
  441. .textRight {
  442. margin-left: 0;
  443. margin-right: 25rpx;
  444. text-align: right;
  445. font-size: 30rpx !important;
  446. color: red !important;
  447. }
  448. .buyBox {
  449. width: 750rpx;
  450. height: 88rpx;
  451. position: absolute;
  452. left: 0;
  453. top: 0;
  454. z-index: 100000000;
  455. }
  456. .myCars image {
  457. width: 44rpx;
  458. height: 44rpx;
  459. vertical-align: middle;
  460. margin-right: 14rpx;
  461. }
  462. .myCars {
  463. font-size: 34rpx;
  464. color: #02c0ff;
  465. letter-spacing: 0;
  466. text-align: center;
  467. padding-top: 58rpx;
  468. }
  469. .dots {
  470. position: absolute;
  471. left: 0;
  472. right: 0;
  473. bottom: 19rpx;
  474. display: flex;
  475. justify-content: center;
  476. height: 19rpx;
  477. background: #fff;
  478. }
  479. .dots .dot {
  480. margin: 0 8rpx;
  481. width: 32rpx;
  482. height: 14rpx;
  483. background: #fff;
  484. border-radius: 8rpx;
  485. transition: all 0.6s;
  486. }
  487. .dots .dot.active {
  488. width: 49rpx;
  489. height: 4rpx;
  490. background: rgba(86, 189, 248, 1);
  491. border-radius: 6rpx;
  492. }