studentList.css 1.2 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374
  1. body, html {
  2. margin: 0;
  3. width: 100%;
  4. height: 100%;
  5. padding: 0;
  6. }
  7. header{
  8. width: 100%;
  9. text-align: center;
  10. color: #393939;
  11. font-size: 1.8rem;
  12. padding: .6rem 0 0.6rem 0;
  13. background: white;
  14. font-weight: 400;
  15. }
  16. .glyphicon-menu-left{
  17. float: left;
  18. }
  19. .wrap{
  20. width: 100%;
  21. height: 100%;
  22. background:rgb(242,242,242) ;
  23. font: PingFangSC-Regular;
  24. }
  25. .sutdent-list-card{
  26. display: inline-block;
  27. padding: .8rem 0 0.8rem .8rem;
  28. width: 100%;
  29. background: rgb(255,255,255);
  30. margin-top: .8rem;
  31. }
  32. .sutdent-list-card img{
  33. width: 4.5rem;
  34. height:4.5rem;
  35. border-radius: 50%;
  36. float: left;
  37. margin-right: .8rem;
  38. }
  39. .student-info{
  40. width: 100%;
  41. height: 100%;
  42. }
  43. .student-info span{
  44. width: 100%;
  45. color: #393939;
  46. font-size: 1.5rem;
  47. font-weight: 400;
  48. }
  49. .student-info .grade{
  50. display: block;
  51. color: #999999;
  52. }
  53. .student-info .deadline{
  54. color: #3399FE;
  55. }
  56. .bottom{
  57. position: absolute;
  58. bottom: 2rem;
  59. text-align: center;
  60. width: 100%;
  61. }
  62. .bottom div{
  63. font-size: 1.5rem;
  64. text-align: center;
  65. background: #3399FE;
  66. display: inline-block;
  67. bottom: 2rem;
  68. border-radius: .4rem;
  69. color:rgba(255,255,255,1);
  70. padding: .6rem 2.5rem;
  71. }