student_address_book.wxss 2.9 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168
  1. /* pages/student_address_book/student_address_book.wxss */
  2. @import '../../templates/footer_teacher/footer.wxss';
  3. @import '../../templates/nodata/nodata.wxss';
  4. @import '../../templates/loading/loading.wxss';
  5. .log-list {
  6. display: flex;
  7. flex-direction: column;
  8. }
  9. .log-item {
  10. margin-bottom: 15rpx;
  11. color: #393939;
  12. font-size: 34rpx;
  13. }
  14. .title {
  15. height: 60rpx;
  16. line-height: 60rpx;
  17. padding-left: 40rpx;
  18. font-size: 30rpx;
  19. color: #393939;
  20. background: #F1F3FA;
  21. margin-top:60rpx;
  22. }
  23. .title:first-child {
  24. margin-top:0;
  25. }
  26. .list-group-items{
  27. background: #fff;
  28. }
  29. .list-group-item {
  30. display: flex;
  31. -webkit-box-align: center;
  32. align-items: center;
  33. padding: 40rpx 0;
  34. margin: 0 40rpx;
  35. border-bottom: 1rpx solid #E5E5E5;
  36. }
  37. /* .list-group-item:nth-last-child(1) {
  38. border-bottom: none;
  39. } */
  40. .list-group-item:last-child {
  41. padding-bottom: 60rpx;
  42. }
  43. .img-list{
  44. position: relative;
  45. display: inline-block;
  46. }
  47. .list-group-item .icon {
  48. width:116rpx;
  49. height:116rpx;
  50. border-radius:50%;
  51. }
  52. .icon-tips{
  53. width: 44rpx;
  54. height: 44rpx;
  55. border-radius: 50%;
  56. position: absolute;
  57. top: 30%;
  58. left:-20rpx;
  59. }
  60. ::-webkit-scrollbar{
  61. width: 0;
  62. height: 0;
  63. color: transparent;
  64. }
  65. .list-shortcut {
  66. position: fixed;
  67. z-index: 30;
  68. right: 0;
  69. top: 50%;
  70. -webkit-transform: translateY(-50%);
  71. transform: translateY(-50%);
  72. width: 20px;
  73. padding: 20px 0;
  74. border-radius: 10px;
  75. text-align: center;
  76. /* background: rgba(0,0,0,.3); */
  77. font-family: Helvetica;
  78. }
  79. .list-shortcut-num{
  80. display: block;
  81. padding: 3px;
  82. line-height: 1;
  83. color: #4667F6;
  84. font-size: 22rpx;
  85. }
  86. .current{
  87. color: #ffcd32 !important;
  88. }
  89. .list-fixed {
  90. position: absolute;
  91. top: 0;
  92. left: 0;
  93. width: 100%;
  94. }
  95. .fixed-title {
  96. height:60rpx;
  97. line-height:60rpx;
  98. padding-left:40rpx;
  99. font-size:12px;
  100. color:rgba(255, 255, 255, 1);
  101. background:#F1F3FA;
  102. }
  103. .icon-right{
  104. display: inline-block;
  105. color: #7C819D;
  106. font-size: 24rpx;
  107. margin-left: 22rpx;
  108. }
  109. .log-item-noset{
  110. margin-left: 9rpx;
  111. background:rgba(119,138,220,1);
  112. border-radius:16rpx;
  113. padding: 0 20rpx;
  114. color: #fff;
  115. font-size: 20rpx;
  116. line-height: 32rpx;
  117. text-align: center;
  118. }
  119. .search-container{
  120. padding:20rpx 24rpx;
  121. background: #FFFFFF
  122. }
  123. .search-wrapper {
  124. background: #F1F3FA;
  125. border-radius: 10rpx;
  126. padding: 20rpx 30rpx;
  127. display: flex;
  128. justify-content: flex-start;
  129. align-items: center;
  130. }
  131. .search-icon {
  132. width: 30rpx;
  133. height: 30rpx;
  134. margin-right: 20rpx;
  135. }
  136. .search-input {
  137. flex: 1;
  138. font-size: 28rpx;
  139. color: #333;
  140. }
  141. .sign-in{
  142. width:252rpx;
  143. height:98rpx;
  144. background:linear-gradient(-55deg,rgba(248,88,54,1),rgba(255,128,158,1));
  145. box-shadow:0px 0px 14rpx 0px rgba(255,100,101,0.5);
  146. border-radius:49rpx;
  147. position: fixed;
  148. bottom: 154rpx;
  149. left: 33.2%;
  150. color: #FFFFFF;
  151. font-size: 28rpx;
  152. text-align: center;
  153. line-height: 98rpx;
  154. }
  155. .sign-in-img{
  156. width: 30rpx;
  157. height: 34rpx;
  158. margin-right: 10rpx;
  159. }
  160. .words{
  161. color: #393939;
  162. font-size: 34rpx;
  163. }
  164. .words-gray{
  165. color: #7b809d !important;
  166. }