practice-item.module.less 1.6 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192
  1. .practiceItem {
  2. margin: 10px 14px 0;
  3. padding: 15px 12px;
  4. width: auto !important;
  5. border-radius: 8px;
  6. .piCoverContainer {
  7. position: relative;
  8. width: 70px;
  9. height: 70px;
  10. border-radius: 50%;
  11. margin-right: 14px;
  12. .tag {
  13. position: absolute;
  14. bottom: 0;
  15. left: 50%;
  16. transform: translateX(-50%);
  17. width: 54px;
  18. height: 16px;
  19. }
  20. }
  21. .piCover {
  22. width: inherit;
  23. height: inherit;
  24. border-radius: 50%;
  25. overflow: hidden;
  26. }
  27. .piTitle {
  28. display: flex;
  29. align-items: center;
  30. justify-content: space-between;
  31. .piName {
  32. font-size: 16px;
  33. font-weight: 600;
  34. color: #333333;
  35. line-height: 22px;
  36. }
  37. .subject {
  38. margin-left: 5px;
  39. background: #fff1de;
  40. border-radius: 4px;
  41. font-size: 12px;
  42. color: #ff8c00;
  43. line-height: 16px;
  44. padding: 0px 4px;
  45. }
  46. }
  47. .piNameSubject {
  48. display: flex;
  49. align-items: center;
  50. }
  51. .piContent {
  52. padding-top: 6px;
  53. line-height: 1.3;
  54. i {
  55. font-style: normal;
  56. }
  57. :global {
  58. .van-icon {
  59. display: flex;
  60. align-items: center;
  61. }
  62. }
  63. .edu {
  64. display: flex;
  65. font-size: 12px;
  66. color: #6a6a6a;
  67. }
  68. .courseInfo {
  69. display: flex;
  70. align-items: center;
  71. justify-content: space-between;
  72. font-size: 12px;
  73. color: #999999;
  74. }
  75. .classNum i {
  76. color: #ff8400;
  77. padding: 0 3px;
  78. }
  79. .priceTime i {
  80. color: #fa6400;
  81. font-size: 14px;
  82. }
  83. }
  84. }