school.wxss 2.2 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144
  1. .content{
  2. background-color: #F2F2F2;
  3. padding: 20rpx;
  4. }
  5. Page {
  6. width: 100%;
  7. height: 100%;
  8. background-color: #F2F2F2;
  9. }
  10. .header{
  11. background-color: #fff;
  12. width: 710rpx;
  13. height: 300rpx;
  14. display: flex;
  15. flex-flow: column nowrap;
  16. justify-content: space-around;
  17. border-radius: 10rpx;
  18. margin-bottom: 20rpx;
  19. }
  20. .top{
  21. display: flex;
  22. flex-flow: row nowrap;
  23. justify-content: left;
  24. padding: 20rpx;
  25. }
  26. .c_img{
  27. height: 120rpx;
  28. width: 160rpx;
  29. }
  30. .top_right{
  31. display: flex;
  32. flex-flow: column nowrap;
  33. justify-content: space-around;
  34. margin-left: 50rpx;
  35. }
  36. .c_name{
  37. font-size: 36rpx;
  38. color: #1296db;
  39. }
  40. .desc{
  41. font-size: 24rpx;
  42. color: #667580;
  43. }
  44. .search_group{
  45. display: flex;
  46. flex-flow: row nowrap;
  47. justify-content: space-around;
  48. border: 2rpx solid #E6E6E6;
  49. border-radius: 50rpx;
  50. height: 60rpx;
  51. align-items: center;
  52. width: 550rpx;
  53. }
  54. .search_aa{
  55. width: 80rpx;
  56. display: flex;
  57. flex-flow: row nowrap;
  58. justify-content: center;
  59. align-items: center;
  60. font-size:28rpx;
  61. margin-left:20rpx;
  62. color: #1296db;
  63. }
  64. .search_input{
  65. width: 600rpx;
  66. }
  67. .bottom{
  68. display: flex;
  69. flex-flow: row nowrap;
  70. justify-content: center;
  71. }
  72. .info{
  73. background-color: #fff;
  74. width: 710rpx;
  75. height: 160rpx;
  76. display: flex;
  77. flex-flow: column nowrap;
  78. justify-content: space-around;
  79. border-radius: 10rpx;
  80. margin-bottom: 20rpx;
  81. }
  82. .info_top,.info_mid,.info_bottom{
  83. display: flex;
  84. flex-flow: row nowrap;
  85. justify-content: space-between;
  86. padding: 0 15rpx;
  87. }
  88. .info_bottom{
  89. display: flex;
  90. flex-flow: row nowrap;
  91. justify-content: left;
  92. padding: 0 15rpx;
  93. }
  94. .info_mid_left{
  95. display: flex;
  96. flex-flow: row nowrap;
  97. justify-content: left;
  98. }
  99. .info_bottom_img{
  100. width: 35rpx;
  101. height: 35rpx;
  102. }
  103. .info_top_left{
  104. color: #43496a;
  105. font-size: 32rpx;
  106. }
  107. .info_top_right{
  108. color: #ff7c7c;
  109. font-size: 28rpx;
  110. }
  111. .info_mid_left,.info_mid_right{
  112. font-size: 12px;
  113. color: #b0b4ca;
  114. }
  115. .info_bottom_2{
  116. font-size: 28rpx;
  117. color: #777d9c;
  118. margin-left: 10rpx;
  119. }
  120. .input_text{
  121. color: #c2c6da;
  122. font-size: 28rpx;
  123. }
  124. .icon_search{
  125. margin-left: 20rpx;
  126. }
  127. .icon_clear{
  128. margin-right: 20rpx;
  129. }
  130. .no_data_par{
  131. display: flex;
  132. flex-flow: column nowrap;
  133. align-items: center;
  134. margin-top: 200rpx;
  135. }
  136. .no_data_img{
  137. height: 320rpx;
  138. width: 320rpx;
  139. }