teachDetail.wxss 1.4 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788
  1. /* pages/teachDetail/teachDetail.wxss */
  2. /* 整个页面样式 */
  3. .teachDeatil{
  4. display: flex;
  5. flex-direction: column;
  6. margin-left: 20rpx;
  7. }
  8. .head{
  9. display: flex;
  10. }
  11. .headDetail{
  12. margin-left: 20rpx;
  13. display: flex;
  14. flex-direction: column;
  15. font-size: 28rpx;
  16. }
  17. .teachName{
  18. font-weight: bold;
  19. }
  20. .headDetail text{
  21. padding-bottom: 10rpx;
  22. }
  23. /* 头像设置 */
  24. .teachImg{
  25. width: 200rpx;
  26. }
  27. .settledDay{
  28. display: block;
  29. float: right;
  30. }
  31. /* 中部区域 */
  32. .midArea{
  33. display: flex;
  34. /* border: 1rpx solid red; */
  35. width: 96%;
  36. margin-top: 10rpx;
  37. /* justify-content: space-between; */
  38. flex-wrap: wrap;
  39. }
  40. .midArea text{
  41. width: 48%;
  42. height: 60rpx;
  43. line-height: 60rpx;
  44. font-size: 28rpx;
  45. }
  46. /* 可授课程 */
  47. .course{
  48. margin-top: 40rpx;
  49. }
  50. .courseList{
  51. margin-top: 10rpx;
  52. }
  53. /* 可授课区域 */
  54. .teachAera{
  55. margin-top: 40rpx;
  56. }
  57. .teachAreaDetail{
  58. margin-top: 10rpx;
  59. }
  60. /* 自我介绍及案例 */
  61. .introduceDetail{
  62. display: flex;
  63. flex-direction: column;
  64. margin-top: 40rpx;
  65. }
  66. .introduce-title{
  67. margin-bottom: 20rpx;
  68. color: yellowgreen;
  69. font-weight: bold;
  70. }
  71. .introduce-body{
  72. line-height: 50rpx;
  73. font-size: 28rpx;
  74. }
  75. /* 收藏老师 */
  76. .collection{
  77. margin-top: 40rpx;
  78. text-align: center;
  79. height: 60rpx;
  80. line-height: 60rpx;
  81. color: yellowgreen;
  82. font-weight: bold;
  83. }