parking.scss 1.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475
  1. .roadspace-list{
  2. margin-top: 30rpx;
  3. margin-left: 22rpx;
  4. .roadspace-list-item{
  5. float: left;
  6. width: calc( 50% - 18rpx );
  7. margin-bottom: 13rpx;
  8. margin-left: 18rpx;
  9. .block{
  10. overflow: hidden;
  11. margin-bottom: 9rpx;
  12. height: 129rpx;
  13. background: #D6EBFD;
  14. border-radius: 11rpx;
  15. }
  16. .text{
  17. font-size: 32rpx;
  18. line-height: 45rpx;
  19. font-weight: 500;
  20. color: #767676;
  21. text-align: center;
  22. }
  23. }
  24. .roadspace-list-item.used{
  25. .block{
  26. border: 2rpx solid #379EFA;
  27. background-color: #fff;
  28. }
  29. .block-top{
  30. height: 75rpx;
  31. background-color: #3397FA;
  32. display: flex;
  33. align-items: center;
  34. padding-left: 40rpx;
  35. color: #fff;
  36. .car-no{
  37. margin-left: 27rpx;
  38. font-size: 36rpx;
  39. font-weight: 500;
  40. color: #FFFFFF;
  41. letter-spacing: 1px;
  42. }
  43. }
  44. .block-bottom{
  45. height: calc( 100% - 75rpx );
  46. display: flex;
  47. align-items: center;
  48. padding-left: 40rpx;
  49. color: #BEBEBE;
  50. .time{
  51. margin-left: 29rpx;
  52. }
  53. }
  54. }
  55. }
  56. .bottom-btn{
  57. position: fixed;
  58. left: 40rpx;
  59. right: 40rpx;
  60. bottom: 47rpx;
  61. height: 85rpx;
  62. line-height: 85rpx;
  63. background: #3397FA;
  64. box-shadow: 0px 9rpx 9rpx 0px rgba(0, 0, 0, 0.03);
  65. border-radius: 10rpx;
  66. text-align: center;
  67. font-size: 28rpx;
  68. font-weight: 500;
  69. color: #FFF;
  70. letter-spacing: 1px
  71. }