student-list.module.less 1.2 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576
  1. .searchBand {
  2. display: inline-block;
  3. // margin: 12px 13px;
  4. font-size: 14px;
  5. font-weight: 600;
  6. color: #333333;
  7. .bandName {
  8. display: inline-block;
  9. max-width: 180px;
  10. vertical-align: text-top;
  11. }
  12. }
  13. .studentList {
  14. --van-checkbox-border-color: transparent;
  15. :global {
  16. .van-checkbox {
  17. height: 25px;
  18. }
  19. }
  20. .iconChecked {
  21. font-size: 18px;
  22. border: 1px solid transparent;
  23. background: transparent;
  24. :global {
  25. .van-icon__image {
  26. width: 100%;
  27. height: 100%;
  28. }
  29. }
  30. }
  31. .img {
  32. width: 48px;
  33. height: 48px;
  34. overflow: hidden;
  35. border-radius: 50%;
  36. margin-right: 12px;
  37. flex-shrink: 0;
  38. }
  39. .name {
  40. font-size: 16px;
  41. font-weight: 500;
  42. color: #333333;
  43. line-height: 22px;
  44. }
  45. .class {
  46. padding-top: 3px;
  47. font-size: 12px;
  48. color: #777777;
  49. line-height: 17px;
  50. }
  51. .btnMore {
  52. display: flex;
  53. align-items: center;
  54. padding: 16px 13px !important;
  55. :global {
  56. .van-button {
  57. display: flex;
  58. justify-content: center;
  59. align-items: center;
  60. flex-shrink: 1;
  61. width: 30%;
  62. }
  63. .van-button + .van-button {
  64. flex-shrink: 2;
  65. width: 68%;
  66. margin-left: 2%;
  67. }
  68. }
  69. }
  70. }