TeacherCourse.scss 876 B

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556
  1. .com-teacher-course{
  2. display: flex;
  3. flex-direction: row;
  4. margin-left:10px;
  5. margin-right:10px;
  6. height:80px;
  7. margin-bottom:5px;
  8. background:#1a1a1a;
  9. border-radius: 10px;
  10. .header{
  11. display: flex;
  12. width:25%;
  13. justify-content: center;
  14. align-items: center;
  15. .img{
  16. width:70px;
  17. height:70px;
  18. border-radius: 50%;
  19. }
  20. }
  21. .intro{
  22. display: flex;
  23. width:50%;
  24. color: #FFF;
  25. flex-direction: column;
  26. .name{
  27. font-weight: bold;
  28. font-size:14px;
  29. height:40px;
  30. line-height: 40px;
  31. }
  32. .tips{
  33. font-size: 12px;
  34. .sign{
  35. color:$teacher-main-color;
  36. font-size:12px;
  37. }
  38. .price{
  39. color:$teacher-main-color;
  40. font-size:14px;
  41. }
  42. }
  43. }
  44. .btns{
  45. display: flex;
  46. justify-content: center;
  47. align-items: center;
  48. .btn{
  49. background:$teacher-main-color;
  50. font-size:12px;
  51. width:80px;
  52. color:#FFF;
  53. border-radius: 10px;
  54. }
  55. }
  56. }