lessonstudent.less 1.9 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293
  1. @import (css) "/app.wxss";
  2. .main {
  3. height: 91vh;
  4. .one {
  5. padding: 2vw;
  6. border-bottom: 1px solid #858585;
  7. margin: 0 0 2vw 0;
  8. input {
  9. padding: 2vw;
  10. font-size: 12px;
  11. border-radius: 5px;
  12. background-color: #fff;
  13. }
  14. }
  15. .two {
  16. position: relative;
  17. flex-grow: 1;
  18. .list {
  19. background-color: #fff;
  20. margin: 0 2vw 2vw 2vw;
  21. padding: 2vw;
  22. border-radius: 5px;
  23. .list_1 {
  24. display: flex;
  25. margin: 0 0 1vw 0;
  26. .list_1_1 {
  27. width: 20vw;
  28. height: 20vw;
  29. .image {
  30. width: 100%;
  31. height: 100%;
  32. border-radius: 90px;
  33. }
  34. }
  35. .list_1_2 {
  36. width: 70vw;
  37. padding: 0 0 0 2vw;
  38. .name {
  39. font-size: 16px;
  40. font-weight: bold;
  41. margin: 0 0 1vw 0;
  42. }
  43. .other_1 {
  44. font-size: 15px;
  45. color: #858585;
  46. margin: 0 0 1vw 0;
  47. text:last-child {
  48. color: #000;
  49. }
  50. }
  51. }
  52. }
  53. .btn {
  54. text-align: center;
  55. button {
  56. margin: 0 2vw;
  57. font-size: 14px;
  58. }
  59. }
  60. }
  61. .list:last-child {
  62. margin: 0;
  63. }
  64. }
  65. }
  66. .scroll-view {
  67. position: absolute;
  68. top: 0;
  69. left: 0;
  70. right: 0;
  71. bottom: 0;
  72. .list-scroll-view {
  73. display: flex;
  74. flex-direction: column;
  75. }
  76. }