studnet-course-item.module.less 2.0 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495969798
  1. .itemWrap {
  2. margin-bottom: 12px;
  3. padding: 12px 15px 15px;
  4. border-radius: 10px;
  5. background-color: #fff;
  6. // margin: 0 13px 12px;
  7. .itemWrapTop {
  8. display: flex;
  9. flex-direction: row;
  10. align-items: center;
  11. justify-content: space-between;
  12. padding-bottom: 12px;
  13. border-bottom: 1px solid #f2f2f2;
  14. .itemWrapTopLeft {
  15. display: flex;
  16. flex-direction: row;
  17. align-items: center;
  18. .clockWrap {
  19. width: 18px;
  20. height: 18px;
  21. margin-right: 6px;
  22. img {
  23. width: 100%;
  24. height: 100%;
  25. }
  26. }
  27. .leftTimer {
  28. font-size: 14px;
  29. font-weight: 500;
  30. color: #333333;
  31. line-height: 20px;
  32. }
  33. }
  34. .itemWrapTopRight {
  35. display: flex;
  36. flex-direction: row;
  37. align-items: center;
  38. .passLabel {
  39. font-size: 14px;
  40. font-weight: 500;
  41. color: #4ab78e;
  42. line-height: 20px;
  43. }
  44. .unpassLabel {
  45. font-size: 14px;
  46. font-weight: 500;
  47. color: #f44541;
  48. line-height: 20px;
  49. }
  50. .passIcon {
  51. font-size: 16px;
  52. margin-right: 4px;
  53. }
  54. .msgIcon {
  55. font-size: 24px;
  56. }
  57. }
  58. }
  59. .itemWrapBottom {
  60. padding-top: 15px;
  61. display: flex;
  62. flex-direction: row;
  63. align-items: center;
  64. justify-content: space-between;
  65. .itemWrapBottomMain {
  66. margin-bottom: 4px;
  67. font-size: 16px;
  68. font-weight: 600;
  69. color: #333333;
  70. line-height: 22px;
  71. width: 200px;
  72. overflow: hidden;
  73. text-overflow: ellipsis;
  74. white-space: nowrap;
  75. }
  76. .itemWrapBottomSub {
  77. font-size: 14px;
  78. font-weight: 400;
  79. color: #777777;
  80. line-height: 20px;
  81. }
  82. .rejectBtn {
  83. font-size: 14px;
  84. font-family: PingFangSC-Medium, PingFang SC;
  85. font-weight: 500;
  86. color: #f67146;
  87. line-height: 30px;
  88. height: 30px;
  89. background: #ffffff;
  90. border-radius: 15px;
  91. border: 1px solid #ff8057;
  92. padding: 0 28px;
  93. &:active {
  94. opacity: 0.7;
  95. }
  96. }
  97. }
  98. }