C端小程序
您最多选择25个主题 主题必须以字母或数字开头,可以包含连字符 (-),并且长度不得超过35个字符

managelicenseplate.wxss 8.3 KiB

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