index.wxss 1.6 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394
  1. /* pages/queueCar/index.wxss */
  2. .container {
  3. padding-top: 1px;
  4. }
  5. .pdInfo {
  6. padding: 30rpx;
  7. background-color: #fff;
  8. box-sizing: border-box;
  9. border-radius: 20rpx;
  10. box-shadow: 1px 2px 20rpx #eee;
  11. }
  12. .selfInfo {
  13. line-height: 40rpx;
  14. font-size: 32rpx;
  15. color: #8d8d8d;
  16. padding-bottom: 16rpx;
  17. border-bottom: 1px solid #F4F4F4;
  18. }
  19. .selfCarNum {
  20. color: #333;
  21. font-size: 52rpx;
  22. }
  23. .selfCarNum text {
  24. margin-left: 10rpx;
  25. }
  26. .goodsInfo,
  27. .selfInfo > view {
  28. margin: 14rpx 0;
  29. }
  30. .goodsInfo text,
  31. .driverInfo text {
  32. display: inline-block;
  33. height: 24rpx;
  34. line-height: 24rpx;
  35. margin-right: 20rpx;
  36. padding-right: 20rpx;
  37. border-right: 1px solid #8d8d8d;
  38. }
  39. .goodsInfo text:last-child,
  40. .driverInfo text:last-child {
  41. border-right: 0 none;
  42. }
  43. .pdOtherInfo {
  44. margin: 60rpx 0 60rpx;
  45. padding-top: 120rpx;
  46. text-align: center;
  47. position: relative;
  48. }
  49. .nowCarNum {
  50. font-size: 46rpx;
  51. color: #4B70EA;
  52. font-weight: bold;
  53. margin-bottom: 20rpx;
  54. }
  55. .nowTxt {
  56. padding: 0 30rpx;
  57. display: inline-block;
  58. height: 46rpx;
  59. line-height: 46rpx;
  60. font-size: 24rpx;
  61. border-radius: 23rpx;
  62. color: #333;
  63. background-color: #f5f5f5;
  64. }
  65. .otherInfo {
  66. position: absolute;
  67. right: 0;
  68. top: 10rpx;
  69. font-size: 24rpx;
  70. color: #8d8d8d;
  71. }
  72. .otherInfo view {
  73. color: #333;
  74. font-size: 38rpx;
  75. }
  76. .bottomBtn1 {
  77. position: absolute;
  78. left: 115rpx;
  79. bottom: 200rpx;
  80. }
  81. .waitingType {
  82. font-size: 52rpx;
  83. color: #07c160;
  84. font-weight: bold;
  85. margin-bottom: 20rpx;
  86. }
  87. .waitingType0 {
  88. color: #ee0a24 !important;
  89. }
  90. .selfCarNum {
  91. display: flex;
  92. align-items: center;
  93. font-weight: bold;
  94. }