home.wxss 6.2 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162
  1. /* 水平间距 */
  2. /* 水平间距 */
  3. .container.data-v-07e72d3c {
  4. padding: 0 30rpx;
  5. }
  6. .container .time .time-title.data-v-07e72d3c {
  7. height: 128rpx;
  8. line-height: 128rpx;
  9. font-size: 30rpx;
  10. font-weight: bold;
  11. }
  12. .container .time .time-title span.data-v-07e72d3c {
  13. font-size: 24rpx;
  14. font-weight: 400;
  15. color: #B3B3B3;
  16. }
  17. .container .time .time-list.data-v-07e72d3c {
  18. display: grid;
  19. grid-template-columns: 1fr 1fr;
  20. grid-auto-rows: 100rpx;
  21. grid-gap: 30rpx 20rpx;
  22. }
  23. .container .time .time-list .time-list-item.data-v-07e72d3c {
  24. display: flex;
  25. justify-content: center;
  26. align-items: center;
  27. font-size: 26rpx;
  28. border: 1rpx solid #CCCCCC;
  29. border-radius: 12rpx;
  30. }
  31. .container .time .time-list .active.data-v-07e72d3c {
  32. display: flex;
  33. justify-content: center;
  34. align-items: center;
  35. font-size: 26rpx;
  36. border: 1rpx solid #CCCCCC;
  37. border-radius: 12rpx;
  38. color: #fff;
  39. background-image: linear-gradient(#8684FF, #3D50E7);
  40. }
  41. .container .time .time-list .disable.data-v-07e72d3c {
  42. background: #E6E6E6;
  43. }
  44. .container .bus .bus-title.data-v-07e72d3c {
  45. height: 128rpx;
  46. line-height: 128rpx;
  47. font-size: 30rpx;
  48. font-weight: bold;
  49. }
  50. .container .bus .bus-title span.data-v-07e72d3c {
  51. font-size: 24rpx;
  52. font-weight: 400;
  53. }
  54. .container .bus .bus-list.data-v-07e72d3c {
  55. display: flex;
  56. flex-direction: column;
  57. }
  58. .container .bus .bus-list .bus-list-item.data-v-07e72d3c {
  59. display: flex;
  60. justify-content: center;
  61. align-items: center;
  62. margin-bottom: 30rpx;
  63. height: 100rpx;
  64. font-size: 26rpx;
  65. border: 1rpx solid #CCCCCC;
  66. border-radius: 12rpx;
  67. }
  68. .container .bus .bus-list .active.data-v-07e72d3c {
  69. display: flex;
  70. justify-content: center;
  71. align-items: center;
  72. margin-bottom: 30rpx;
  73. height: 100rpx;
  74. font-size: 26rpx;
  75. border: 1rpx solid #CCCCCC;
  76. border-radius: 12rpx;
  77. color: #fff;
  78. background-image: linear-gradient(#8684FF, #3D50E7);
  79. }
  80. .container .bus .bus-list .disable.data-v-07e72d3c {
  81. background: #E6E6E6;
  82. }
  83. .container .bus .bus-list-nodata.data-v-07e72d3c {
  84. display: flex;
  85. flex-direction: column;
  86. align-items: center;
  87. color: #B3B3B3;
  88. }
  89. .container .bus .bus-list-nodata .nodata-img.data-v-07e72d3c {
  90. position: relative;
  91. width: 500rpx;
  92. height: 500rpx;
  93. }
  94. .container .bus .bus-list-nodata .nodata-img img.data-v-07e72d3c {
  95. width: 100%;
  96. height: 100%;
  97. }
  98. .container .bus .bus-list-nodata .nodata-img .nodata-info.data-v-07e72d3c {
  99. position: absolute;
  100. left: 250rpx;
  101. bottom: 50rpx;
  102. transform: translateX(-50%);
  103. white-space: nowrap;
  104. }
  105. .container .btn.data-v-07e72d3c {
  106. position: relative;
  107. display: flex;
  108. margin-top: 50rpx;
  109. padding: 24rpx 30rpx;
  110. box-sizing: border-box;
  111. height: 115rpx;
  112. border-radius: 15rpx;
  113. box-shadow: 0px 0px 12rpx rgba(0, 0, 0, 0.12);
  114. }
  115. .container .btn .btn-clock.data-v-07e72d3c {
  116. width: 61rpx;
  117. height: 61rpx;
  118. }
  119. .container .btn .btn-clock img.data-v-07e72d3c {
  120. width: 100%;
  121. }
  122. .container .btn .btn-info.data-v-07e72d3c {
  123. margin-left: 18rpx;
  124. flex: 1;
  125. display: flex;
  126. flex-direction: column;
  127. justify-content: center;
  128. }
  129. .container .btn .btn-info .btn-info-title.data-v-07e72d3c {
  130. font-size: 28rpx;
  131. color: #5863F1;
  132. }
  133. .container .btn .btn-info .btn-info-time.data-v-07e72d3c {
  134. font-size: 24rpx;
  135. color: #B3B3B3;
  136. }
  137. .container .btn .btn-button.data-v-07e72d3c {
  138. position: absolute;
  139. right: 0;
  140. top: -7rpx;
  141. width: 257rpx;
  142. height: 130rpx;
  143. line-height: 130rpx;
  144. text-align: center;
  145. font-size: 30rpx;
  146. color: #fff;
  147. background: url(data:image/png;base64,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);
  148. background-size: 100% 100%;
  149. }
  150. .container .info.data-v-07e72d3c {
  151. margin: 40rpx 0;
  152. }
  153. .container .info .info-title.data-v-07e72d3c {
  154. height: 41rpx;
  155. font-size: 28rpx;
  156. }
  157. .container .info .info-detail.data-v-07e72d3c {
  158. margin-top: 5rpx;
  159. height: 70rpx;
  160. color: #B3B3B3;
  161. font-size: 24rpx;
  162. }