lessongroup.less 2.7 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110
  1. // 课程组
  2. .fui-lesson-group {
  3. height: auto;
  4. overflow: hidden;
  5. background: #f9f9f9;
  6. display: flex;
  7. flex-wrap: wrap;
  8. padding: 8rpx;
  9. // 课程组
  10. .fui-lesson-item {
  11. box-sizing: border-box;
  12. display: flex;
  13. align-items: center;
  14. padding: 10rpx 6rpx;
  15. margin-top: 10rpx;
  16. margin-bottom: 20rpx;
  17. border-bottom: 0;
  18. background: none;
  19. .image{
  20. width: 100%;
  21. margin: 0;
  22. padding:0;
  23. }
  24. .info{
  25. display: flex;
  26. flex-direction: column;
  27. justify-content: space-evenly;
  28. height: 100%;
  29. .name{
  30. padding-top: 20rpx;
  31. overflow: hidden;
  32. text-overflow: ellipsis;
  33. display: -webkit-box;
  34. -webkit-box-orient: vertical;
  35. -webkit-line-clamp: 1;
  36. }
  37. .teacher {
  38. overflow: hidden;
  39. text-overflow: ellipsis;
  40. display: -webkit-box;
  41. -webkit-box-orient: vertical;
  42. -webkit-line-clamp: 1;
  43. }
  44. .desc {
  45. color: #b4b4b4;
  46. overflow : hidden;
  47. text-overflow: ellipsis;
  48. display: -webkit-box;
  49. -webkit-line-clamp: 2;
  50. -webkit-box-orient: vertical;
  51. }
  52. .tags {
  53. display: flex;
  54. align-items: center;
  55. flex-wrap: wrap;
  56. .tag {
  57. width:80rpx;
  58. height: 32rpx;
  59. font-size: 24rpx;
  60. line-height: 32rpx;
  61. margin-right:6rpx;
  62. margin-bottom:6rpx;
  63. text-align: center;
  64. color: #fff;
  65. border-radius: 8rpx;
  66. }
  67. }
  68. .original_price{
  69. margin-left: 10rpx;
  70. font-size: 28rpx;
  71. color: #b4b4b4;
  72. text-decoration: line-through;
  73. }
  74. .buy_group {
  75. display: flex;
  76. align-items: center;
  77. justify-content: space-between;
  78. .price{
  79. position: relative;
  80. display: -webkit-box;
  81. display: -webkit-flex;
  82. display: -ms-flexbox;
  83. display: flex;
  84. -webkit-box-align: center;
  85. -webkit-align-items: center;
  86. -ms-flex-align: center;
  87. align-items: center;
  88. font-size: 28rpx;
  89. color: #ed2822;
  90. }
  91. .btn{
  92. display: inline-block;
  93. height: 1.1rem;
  94. color: #ff5555;
  95. border-radius: 0;
  96. background: #fff;
  97. text-align: center;
  98. padding: 0;
  99. width: auto;
  100. border-radius: 0.1rem;
  101. border: 1rpx solid transparent;
  102. }
  103. }
  104. }
  105. }
  106. .lesson-two {
  107. flex-direction: column;
  108. }
  109. }