C端小程序
Вы не можете выбрать более 25 тем Темы должны начинаться с буквы или цифры, могут содержать дефисы(-) и должны содержать не более 35 символов.

501 строка
7.8 KiB

  1. /* pages/park/addPark/addPark.wxss */
  2. .addpark-title {
  3. margin-top: 48rpx;
  4. text-align: center;
  5. font-size: 30rpx;
  6. color: #9a9b9c;
  7. }
  8. .addpark-num {
  9. display: flex;
  10. justify-content: center;
  11. width: 100%;
  12. margin-top: 33rpx;
  13. height: 90rpx;
  14. }
  15. .addpark-num-head {
  16. display: flex;
  17. width: 164rpx;
  18. background: #58abfa;
  19. border-radius: 10rpx;
  20. color: #fff;
  21. text-align: center;
  22. align-items: center;
  23. }
  24. .addpark-num-head view, .addpark-num-center view, .addpark-num-new view {
  25. width: 88rpx;
  26. height: 82rpx;
  27. line-height: 82rpx;
  28. }
  29. .addpark-num-center {
  30. display: flex;
  31. margin-left: 20rpx;
  32. width: 392rpx;
  33. border: 2rpx solid #58abfa;
  34. border-radius: 10rpx;
  35. text-align: center;
  36. align-items: center;
  37. }
  38. .addpark-num-head-border {
  39. border-left: 2rpx solid #fff;
  40. }
  41. .addpark-num-center-border {
  42. border-left: 2rpx solid #58abfa;
  43. }
  44. .addpark-num-new {
  45. display: flex;
  46. width: 82rpx;
  47. text-align: center;
  48. align-items: center;
  49. margin-left: 20rpx;
  50. border: 2rpx solid #12c67a;
  51. border-radius: 10rpx;
  52. }
  53. .newsource {
  54. font-size: 16rpx;
  55. position: absolute;
  56. top: 100rpx;
  57. left: 670rpx;
  58. height: 30rpx;
  59. width: 60rpx;
  60. background: #11c67b;
  61. color: #fff;
  62. border: 1px solid #11c67b;
  63. border-radius: 14rpx;
  64. text-align: center;
  65. line-height: 30rpx;
  66. }
  67. .addpark-choose {
  68. width: 672rpx;
  69. margin: 34rpx auto;
  70. height: 440rpx;
  71. border: 2rpx solid #58abfa;
  72. border-radius: 16rpx;
  73. padding: 30rpx 15rpx;
  74. }
  75. .addpark-choose-line {
  76. display: flex;
  77. justify-content: center;
  78. }
  79. .addpark-choose-font {
  80. width: 80rpx;
  81. height: 77rpx;
  82. background: #f8f8f8;
  83. text-align: center;
  84. line-height: 77rpx;
  85. border: 1 px solid #f8f8f8;
  86. border-radius: 8rpx;
  87. margin: 5rpx;
  88. }
  89. .addpark-choose-font p {
  90. display: block;
  91. }
  92. .addpark-choose-font p image {
  93. width: 5vmin;
  94. height: 3.5vmin;
  95. margin-top: -0.8vmin;
  96. vertical-align: middle;
  97. }
  98. .addpark-choose-num {
  99. width: 672rpx;
  100. margin: 34rpx auto;
  101. height: 510rpx;
  102. border: 2rpx solid #58abfa;
  103. border-radius: 16rpx;
  104. padding: 30rpx 15rpx;
  105. }
  106. .choose {
  107. color: #58abfa;
  108. }
  109. .choose-title {
  110. border: 6rpx solid #ffd255;
  111. }
  112. .addpark-button-submit {
  113. width: 670rpx;
  114. height: 94rpx;
  115. margin: 0 auto;
  116. background: #60b4fc;
  117. color: #fff;
  118. border-radius: 60rpx;
  119. line-height: 94rpx;
  120. }
  121. .active{
  122. opacity: .6;
  123. }
  124. .addpark-button-gray {
  125. width: 670rpx;
  126. height: 94rpx;
  127. margin: 0 auto;
  128. background: #cbcccd;
  129. color: #fff;
  130. border-radius: 60rpx;
  131. line-height: 94rpx;
  132. }
  133. .addpark-back {
  134. font-size: 30rpx;
  135. color: #5aadfb;
  136. float: right;
  137. margin: 25rpx 25rpx;
  138. }
  139. .plaza-parking-info {
  140. box-sizing: border-box;
  141. height: 235rpx;
  142. margin: 20rpx 30rpx 0 30rpx !important;
  143. background: #fff;
  144. padding: 20rpx 30rpx 30rpx 30rpx;
  145. border-radius: 10rpx;
  146. display: flex;
  147. }
  148. .plaza-parking-info image {
  149. height: 147rpx;
  150. width: 147rpx;
  151. margin-top: 15rpx;
  152. margin-right: 30rpx;
  153. }
  154. .plaza-parking-info .flex-item {
  155. flex: 1;
  156. }
  157. .plaza-parking-info .flex-item p:first-child {
  158. font-size: 30rpx;
  159. margin-bottom: 10rpx;
  160. text-overflow: hidden;
  161. overflow: hidden;
  162. white-space: nowrap;
  163. width: 100%;
  164. }
  165. .plaza-parking-info .plaza-tip {
  166. color: rgb(153, 153, 153);
  167. font-size: 24rpx;
  168. }
  169. .plaza-parking-info span {
  170. color: rgb(153, 153, 153);
  171. font-size: 24rpx;
  172. width: 50%;
  173. display: inline-block;
  174. }
  175. .plaza-parking-info span:last-child {
  176. color: rgb(88, 171, 251);
  177. }
  178. .addCar {
  179. /* margin-top:1vmin!important; */
  180. text-align: center;
  181. }
  182. .addCar .add-btn {
  183. color: rgb(88, 171, 251);
  184. font-size: 32rpx;
  185. }
  186. .addCar .tip {
  187. margin-top: 3vmin;
  188. font-size: 24rpx;
  189. color: rgb(153, 153, 153);
  190. }
  191. .addCar i {
  192. color: rgb(88, 171, 251);
  193. }
  194. .bottom-nav {
  195. padding: 3vmin 5vmin;
  196. display: flex;
  197. justify-content: space-between;
  198. }
  199. .bottom-nav button.parking-log {
  200. border: rgb(88, 171, 251) 1rpx solid;
  201. color: rgb(88, 171, 251);
  202. width: 330rpx;
  203. line-height: 68rpx;
  204. height: 68rpx;
  205. font-size: 32rpx;
  206. }
  207. .bottom-nav button.parking-coupon {
  208. border: rgb(253, 50, 83) 1rpx solid;
  209. background: rgb(253, 50, 83);
  210. color: #fff;
  211. width: 330rpx;
  212. height: 68rpx;
  213. line-height: 68rpx;
  214. font-size: 32rpx;
  215. }
  216. /*绑定车辆列表*/
  217. .car-list {
  218. padding: 30rpx;
  219. }
  220. .car-list .item {
  221. box-sizing: border-box;
  222. background: #fff;
  223. border-radius: 15rpx;
  224. height: 100rpx;
  225. line-height: 100rpx;
  226. padding: 0 20rpx 0 40rpx;
  227. margin-bottom: 20rpx;
  228. position: relative;
  229. }
  230. .car-list .item span {
  231. line-height: 50rpx;
  232. display: inline-block;
  233. width: 257rpx;
  234. border: 1rpx solid rgb(88, 171, 251);
  235. padding-left: 30rpx;
  236. border-radius: 10rpx;
  237. color: rgb(88, 171, 251);
  238. font-size: 32rpx;
  239. font-weight: bold;
  240. }
  241. .car-list .item image {
  242. position: absolute;
  243. right: 23rpx;
  244. top: 26rpx;
  245. }
  246. .car-list .oTitle {
  247. font-size: 3.5vmin;
  248. color: rgb(153, 153, 153);
  249. line-height: 8vmin;
  250. height: 8vmin;
  251. display: block;
  252. margin-left: 1vmin;
  253. }
  254. .car-list .oTitle image {
  255. display: block;
  256. width: 4.3vmin;
  257. height: 4.1vmin;
  258. background-size: 100%;
  259. float: left;
  260. margin-right: 1vmin;
  261. vertical-align: middle;
  262. }
  263. .footer {
  264. text-align: right;
  265. padding-right: 30rpx;
  266. color: rgb(88, 171, 251);
  267. font-size: 24rpx;
  268. }
  269. .wrap {
  270. padding: 10rpx 30rpx 30rpx 30rpx;
  271. }
  272. .out {
  273. display: flex;
  274. justify-content: space-between;
  275. margin-bottom: 20rpx;
  276. height: 180rpx;
  277. padding: 20rpx 30rpx;
  278. border-radius: 20rpx;
  279. box-shadow: 6rpx 6rpx 6rpx rgba(0, 0, 0, 0.06);
  280. }
  281. .bg-blue {
  282. background: linear-gradient(45deg, rgb(98, 216, 253), rgb(89, 178, 251));
  283. }
  284. .bg-blue .car-name {
  285. background-color: #fff;
  286. color: rgb(88, 177, 251);
  287. text-align: center;
  288. }
  289. .bg-blue .name-border {
  290. border: 1px solid rgb(88, 177, 251);
  291. border-radius: 15rpx;
  292. font-size: 27rpx;
  293. }
  294. .bg-white {
  295. background-color: #fff;
  296. }
  297. .bg-white .name-border {
  298. border: 1px solid #fff;
  299. border-radius: 15rpx;
  300. font-size: 27rpx;
  301. }
  302. .car {
  303. flex: 1;
  304. }
  305. .car text {
  306. display: block;
  307. }
  308. .car-name {
  309. margin-bottom: 25rpx;
  310. background-color: rgb(88, 177, 251);
  311. color: #fff;
  312. box-sizing: border-box;
  313. padding: 7rpx 10rpx;
  314. border-radius: 20rpx;
  315. width: 246rpx;
  316. height: 54rpx;
  317. text-align: center;
  318. }
  319. .parking-time {
  320. font-size: 30rpx;
  321. color: rgb(182, 182, 182);
  322. margin-bottom: 10rpx;
  323. }
  324. .need-pay {
  325. display: block;
  326. height: 80rpx;
  327. text-align: right;
  328. color: #fff;
  329. font-size: 64rpx;
  330. }
  331. .go-pay {
  332. box-sizing: border-box;
  333. border: 5rpx solid #fff;
  334. text-align: center;
  335. position: absolute;
  336. bottom: 0;
  337. width: 130rpx;
  338. line-height: 50rpx;
  339. right: 0;
  340. color: #fff;
  341. border-radius: 20rpx;
  342. font-size: 28rpx;
  343. }
  344. .address {
  345. font-size: 30rpx;
  346. color: rgb(182, 182, 182);
  347. }
  348. .bg-blue .parking-time {
  349. color: #fff;
  350. }
  351. .bg-blue .address {
  352. color: #fff;
  353. }
  354. .cost>text {
  355. display: block;
  356. margin-bottom: 12rpx;
  357. }
  358. .time {
  359. font-size: 25rpx;
  360. background: red;
  361. color: white;
  362. padding: 0 7rpx;
  363. margin-right: 10rpx;
  364. }
  365. .dot {
  366. color: red;
  367. margin-right: 10rpx;
  368. }
  369. .time-tip {
  370. font-size: 24rpx;
  371. color: rgb(182, 182, 182);
  372. text-align: center;
  373. }
  374. .already-pay {
  375. color: rgb(88, 171, 251);
  376. font-size: 30rpx;
  377. }
  378. .out-cars {
  379. position: relative;
  380. }
  381. .out-car {
  382. margin-top: 10rpx;
  383. display: block;
  384. font-size: 24rpx;
  385. margin-bottom: 30rpx;
  386. color: rgb(182, 182, 182);
  387. }
  388. .go-pay-disabled {
  389. display: inline-block;
  390. position: absolute;
  391. border: 5rpx solid rgb(204, 204, 204);
  392. bottom: 0;
  393. right: 0;
  394. text-align: center;
  395. background: rgb(204, 204, 204);
  396. color: #fff;
  397. border-radius: 20rpx;
  398. width: 130rpx;
  399. line-height: 50rpx;
  400. font-size: 28rpx;
  401. }
  402. .oTitle {
  403. font-size: 3.5vmin;
  404. color: rgb(153, 153, 153);
  405. line-height: 8vmin;
  406. height: 8vmin;
  407. display: block;
  408. margin-left: 1vmin;
  409. }
  410. .oTitle image {
  411. display: block;
  412. width: 4.3vmin;
  413. height: 4.1vmin;
  414. background-size: 100%;
  415. float: left;
  416. margin-right: 1vmin;
  417. margin-top: 2vmin;
  418. }
  419. .info-right {
  420. width: 30vmin;
  421. text-align: right;
  422. position: relative;
  423. }
  424. .car-outting {
  425. background: #fff;
  426. }
  427. .car-outting .car-name {
  428. color: #fff;
  429. }