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

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