index.less 2.2 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889
  1. .container {
  2. padding: 0 20rpx;
  3. .categoryBox {
  4. margin-top: 24rpx;
  5. margin-bottom: 38rpx;
  6. display: flex;
  7. align-items: center;
  8. justify-content: space-between;
  9. .category {
  10. width: 126rpx;
  11. padding: 8rpx 0;
  12. font-size: 30rpx;
  13. text-align: center;
  14. color: #7A7A7A;
  15. background: #FFFFFF;
  16. border-radius: 29rpx;
  17. }
  18. .currentClass {
  19. color: #FE9221;
  20. font-weight: bold;
  21. }
  22. }
  23. .orderList {
  24. .order {
  25. width: 100%;
  26. padding: 18rpx 26rpx;
  27. box-sizing: border-box;
  28. margin-bottom: 20rpx;
  29. background: #FFFFFF;
  30. border-radius: 20rpx;
  31. .above {
  32. display: flex;
  33. align-items: flex-end;
  34. justify-content: space-between;
  35. padding-bottom: 18rpx;
  36. border-bottom: 1rpx solid #eee;
  37. .userInfo {
  38. display: flex;
  39. align-items: center;
  40. .avatar {
  41. margin-right: 18rpx;
  42. width: 64rpx;
  43. height: 64rpx;
  44. background: #D8D8D8;
  45. border-radius: 50%;
  46. }
  47. .nickName {
  48. margin-bottom: 6rpx;
  49. font-size: 30rpx;
  50. }
  51. .addTime {
  52. font-size: 26rpx;
  53. color: #7B7B7B;
  54. }
  55. }
  56. .state {
  57. font-size: 26rpx;
  58. color: #FE9221;
  59. }
  60. }
  61. .below {
  62. color: #7B7B7B;
  63. .row {
  64. padding: 20rpx 0;
  65. display: flex;
  66. align-items: center;
  67. justify-content: space-between;
  68. font-size: 26rpx;
  69. .money{
  70. color: black;
  71. font-weight: bold;
  72. }
  73. }
  74. }
  75. }
  76. }
  77. }