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