newStudent.wxss 3.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119
  1. @charset "UTF-8";
  2. /***
  3. 全局scss 变量和方法 存放处
  4. */
  5. /* 引入minxin */
  6. /* 颜色变量 */
  7. /*图片地址*/
  8. /* 行为相关颜色 */
  9. /* 文字基本颜色 */
  10. /* 背景颜色 */
  11. /* 边框颜色 */
  12. /* 尺寸变量 */
  13. /* 文字尺寸 */
  14. /* 图片尺寸 */
  15. /* Border Radius */
  16. /* 水平间距 */
  17. /* 垂直间距 */
  18. /* 透明度 */
  19. /* 文章场景相关 */
  20. .new_students .search_frame.data-v-18e49cc6 {
  21. padding: 20rpx 0;
  22. position: relative;
  23. }
  24. .new_students .search_frame > input.data-v-18e49cc6 {
  25. width: 90vw;
  26. height: 60rpx;
  27. margin: 0 auto;
  28. background: #f0f2f6;
  29. border-radius: 30rpx;
  30. padding-left: 60rpx;
  31. }
  32. .new_students .search_frame > ._search_icon.data-v-18e49cc6 {
  33. position: absolute;
  34. top: 52%;
  35. left: 8%;
  36. -webkit-transform: translateY(-50%);
  37. transform: translateY(-50%);
  38. font-size: 30rpx;
  39. color: #999;
  40. }
  41. .new_students .students_list.data-v-18e49cc6 {
  42. padding-top: 20rpx;
  43. background: #f0f2f6;
  44. }
  45. .new_students .students_list .list_item.data-v-18e49cc6 {
  46. background-color: #fff;
  47. margin-bottom: 20rpx;
  48. }
  49. .new_students .students_list .list_item > .item_header.data-v-18e49cc6 {
  50. padding: 25rpx 30rpx 0;
  51. }
  52. .new_students .students_list .list_item > .item_header > image.data-v-18e49cc6 {
  53. display: inline-block;
  54. vertical-align: middle;
  55. width: 50rpx;
  56. height: 50rpx;
  57. border: 1rpx solid #dddddd;
  58. border-radius: 25rpx;
  59. }
  60. .new_students .students_list .list_item > .item_header > .student_name.data-v-18e49cc6 {
  61. display: inline-block;
  62. vertical-align: middle;
  63. font-size: 32rpx;
  64. margin-left: 20rpx;
  65. color: #333;
  66. font-weight: 600;
  67. }
  68. .new_students .students_list .list_item > .item_header > ._icon_new.data-v-18e49cc6 {
  69. padding: 0 5rpx;
  70. margin-left: 20rpx;
  71. font-size: 20rpx;
  72. vertical-align: middle;
  73. background: #3385ff;
  74. border-radius: 4rpx;
  75. color: #fff;
  76. }
  77. .new_students .students_list .list_item > .item_header > .status_apply.data-v-18e49cc6 {
  78. font-size: 24rpx;
  79. line-height: 50rpx;
  80. float: right;
  81. }
  82. .new_students .students_list .list_item > .item_main.data-v-18e49cc6 {
  83. padding: 30rpx;
  84. }
  85. .new_students .students_list .list_item > .item_main > image.data-v-18e49cc6 {
  86. vertical-align: middle;
  87. display: inline-block;
  88. background: #eeeeee;
  89. width: 150rpx;
  90. height: 150rpx;
  91. }
  92. .new_students .students_list .list_item > .item_main > .student_text.data-v-18e49cc6 {
  93. vertical-align: middle;
  94. display: inline-block;
  95. width: 55%;
  96. height: 150rpx;
  97. margin-left: 20rpx;
  98. }
  99. .new_students .students_list .list_item > .item_main > .student_text > ._class.data-v-18e49cc6 {
  100. margin: 10rpx 0 20rpx;
  101. font-size: 28rpx;
  102. color: #333333;
  103. overflow: hidden;
  104. white-space: nowrap;
  105. text-overflow: ellipsis;
  106. }
  107. .new_students .students_list .list_item > .item_main > .student_text > .class_odd.data-v-18e49cc6 {
  108. font-size: 26rpx;
  109. color: #999;
  110. line-height: 38rpx;
  111. }
  112. .new_students .students_list .list_item > .item_main > .price.data-v-18e49cc6 {
  113. display: inline-block;
  114. color: #333333;
  115. font-size: 30rpx;
  116. font-weight: 600;
  117. vertical-align: bottom;
  118. }