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.

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