list.wxss 1.4 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889
  1. .container {
  2. padding:24rpx 28rpx;
  3. }
  4. .list-wrapper{
  5. padding:0 0 0 18rpx;
  6. background:#fff;
  7. border-radius:10rpx;
  8. }
  9. .main-module{
  10. height: 76rpx;
  11. padding:10rpx 20rpx 12rpx 4rpx;
  12. display: flex;
  13. justify-content: space-around;
  14. align-items: center;
  15. border-top:2rpx solid #E4E4E4;
  16. }
  17. .coupon-block,.favor-good{
  18. display: flex;
  19. flex-direction: column;
  20. height: 52rpx;
  21. justify-content: space-between;
  22. align-items: center;
  23. }
  24. .date-block{
  25. display: flex;
  26. flex-direction: column;
  27. height: 52rpx;
  28. justify-content: center;
  29. align-items: center;
  30. }
  31. .status-block{
  32. width:140rpx;
  33. display: flex;
  34. flex-direction: column;
  35. height: 52rpx;
  36. justify-content: space-between;
  37. align-items: center;
  38. text-align: center;
  39. border-left:1rpx solid #E4E4E4;
  40. }
  41. .favor-good{
  42. flex:1;
  43. }
  44. .devide-line{
  45. height: 150rpx;
  46. width: 1rpx;
  47. background: #bbb;
  48. }
  49. .main-module .date{
  50. font-size: 24rpx;
  51. }
  52. .main-module .num{
  53. font-weight: bold;
  54. color: #09AFFF;
  55. font-size: 36rpx;
  56. }
  57. .main-module .status{
  58. font-size: 22rpx;
  59. }
  60. .fail-status{
  61. color: #DF1717;
  62. }
  63. .main-module .num2{
  64. font-size: 22rpx;
  65. }
  66. .main-module .module-text{
  67. color:#85868A;
  68. font-size: 20rpx;
  69. }
  70. .status-switch{
  71. height:68rpx;
  72. display: flex;
  73. align-items: center;
  74. font-size: 24rpx;
  75. width:160rpx;
  76. }
  77. .status-switch text{
  78. margin:0 8rpx 0 0;
  79. }
  80. .no-order{
  81. height: 76rpx;
  82. line-height: 76rpx;
  83. text-align: center;
  84. font-size: 24rpx;
  85. color: #85868A;
  86. }