TeacherSection.scss 1.1 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667
  1. .com-teacher-section{
  2. background:#1a1a1a;
  3. display:flex;
  4. flex-direction: row;
  5. margin-left:10px;
  6. margin-right: 10px;
  7. padding-top:10px;
  8. padding-bottom:10px;
  9. border-bottom:1px solid #3a3a3a;
  10. .header{
  11. display:flex;
  12. width:25%;
  13. justify-content: center;
  14. align-items: center;
  15. .image{
  16. width:60px;
  17. height:60px;
  18. border-radius: 50%;
  19. }
  20. }
  21. .intro{
  22. display:flex;
  23. width:45%;
  24. justify-content:flex-start;
  25. align-items: flex-start;
  26. flex-direction: column;
  27. .name{
  28. color:$teacher-main-color;
  29. font-size:14px;
  30. font-weight: bold;
  31. height:30px;
  32. line-height: 30px;
  33. }
  34. .tips{
  35. font-size:12px;
  36. color:#c5c5c5;
  37. }
  38. }
  39. .yy{
  40. display: flex;
  41. width:30%;
  42. justify-content: flex-end;
  43. align-items: center;
  44. color:#c5c5c5;
  45. font-size:12px;
  46. flex-direction: column;
  47. .btn{
  48. height:50%;
  49. .btn-yy{
  50. height:30px;
  51. line-height: 30px;
  52. width:90px;
  53. border-radius: 10px;
  54. background:#eb5c20;
  55. font-size:12px;
  56. color:#FFF;
  57. }
  58. }
  59. .txt{
  60. height:50%;
  61. color:$teacher-main-color;
  62. margin-left:5px;
  63. margin-right:10px;
  64. margin-top:5px;
  65. }
  66. }
  67. }