teacherHome.wxss 7.7 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309
  1. .teacherHome.data-v-1ec64dce {
  2. width: 100%;
  3. height: 100%;
  4. flex: 1;
  5. display: flex;
  6. flex-direction: column;
  7. overflow: hidden;
  8. position: relative;
  9. }
  10. .teacherHome .data-board.data-v-1ec64dce {
  11. flex: 1;
  12. display: flex;
  13. flex-direction: column;
  14. overflow: hidden;
  15. }
  16. .teacherHome .top-back-img.data-v-1ec64dce {
  17. position: absolute;
  18. top: 0;
  19. left: 0;
  20. width: 750rpx;
  21. height: 539rpx;
  22. background: url("https://zj-wechat.oss-cn-beijing.aliyuncs.com/xcx_images/xcx_v3/home/img_sy_bg@1x.png") no-repeat;
  23. background-size: 100%;
  24. background-repeat: no-repeat;
  25. z-index: 0;
  26. }
  27. .teacherHome .top-back-img .position-img.data-v-1ec64dce {
  28. z-index: 5;
  29. position: absolute;
  30. left: 16rpx;
  31. top: 16rpx;
  32. width: 400rpx;
  33. height: 88rpx;
  34. }
  35. .teacherHome .top-back-img .position-data-button.data-v-1ec64dce {
  36. z-index: 5;
  37. position: fixed;
  38. right: 0;
  39. top: 180rpx;
  40. width: 130rpx;
  41. height: 109rpx;
  42. /* line-height: 50rpx;
  43. background-color: #0183fa;
  44. color: #fff;
  45. font-size: 28rpx;
  46. text-align: center;
  47. border-top-left-radius: 30rpx;
  48. border-bottom-left-radius: 30rpx; */
  49. }
  50. .teacherHome .home-page.data-v-1ec64dce {
  51. z-index: 1;
  52. overflow-y: scroll;
  53. overflow-x: hidden;
  54. padding-bottom: 120rpx;
  55. }
  56. .teacherHome .home-page .top-page-title.data-v-1ec64dce {
  57. text-align: center;
  58. font-size: 28rpx;
  59. background-color: #0183fa;
  60. color: #fff;
  61. }
  62. .teacherHome .home-page .user-max-box.data-v-1ec64dce {
  63. z-index: 5;
  64. display: flex;
  65. background: #fff;
  66. width: 690rpx;
  67. height: 150rpx;
  68. border-radius: 20rpx;
  69. overflow: hidden;
  70. margin: 370rpx 30rpx 0;
  71. }
  72. .teacherHome .home-page .user-max-box .user-img-box.data-v-1ec64dce {
  73. width: 114rpx;
  74. height: 114rpx;
  75. border-radius: 50%;
  76. border: 1rpx solid #0183fa;
  77. margin: 18rpx 30rpx 18rpx 20rpx;
  78. }
  79. .teacherHome .home-page .user-max-box .user-img-box .user-img.data-v-1ec64dce {
  80. width: 110rpx;
  81. height: 110rpx;
  82. border-radius: 50%;
  83. border: 1rpx solid #fff;
  84. }
  85. .teacherHome .home-page .user-max-box .user-name-box.data-v-1ec64dce {
  86. flex: 1;
  87. }
  88. .teacherHome .home-page .user-max-box .user-name-box view.data-v-1ec64dce:nth-child(1) {
  89. margin-top: 20rpx;
  90. line-height: 50rpx;
  91. font-size: 26rpx;
  92. font-weight: 900;
  93. }
  94. .teacherHome .home-page .user-max-box .user-name-box view.data-v-1ec64dce:nth-child(2) {
  95. line-height: 50rpx;
  96. font-size: 26rpx;
  97. }
  98. .teacherHome .home-page .user-max-box .user-button.data-v-1ec64dce {
  99. font-size: 28rpx;
  100. width: 150rpx;
  101. height: 50rpx;
  102. line-height: 50rpx;
  103. background-color: #0183fa;
  104. color: #fff;
  105. border-radius: 60rpx;
  106. text-align: center;
  107. margin: 50rpx 40rpx 0 0;
  108. }
  109. .teacherHome .home-page .home-button-box-1.data-v-1ec64dce {
  110. position: relative;
  111. display: flex;
  112. width: 690rpx;
  113. height: 120rpx;
  114. display: flex;
  115. margin: 20rpx 30rpx 0;
  116. border-radius: 20rpx;
  117. position: relative;
  118. }
  119. .teacherHome .home-page .home-button-box-1 .home-button-img.data-v-1ec64dce {
  120. display: block;
  121. margin: 20rpx 31rpx 0 36rpx;
  122. height: 80rpx;
  123. width: 80rpx;
  124. }
  125. .teacherHome .home-page .home-button-box-1 .home-button-name.data-v-1ec64dce {
  126. width: 230rpx;
  127. line-height: 120rpx;
  128. height: 32rpx;
  129. font-size: 30rpx;
  130. }
  131. .teacherHome .home-page .home-button-box-1 .home-button-text.data-v-1ec64dce {
  132. line-height: 120rpx;
  133. height: 32rpx;
  134. font-size: 30rpx;
  135. color: #333;
  136. }
  137. .teacherHome .home-page .home-button-box-1 .home-button-mark.data-v-1ec64dce {
  138. position: absolute;
  139. top: 54rpx;
  140. left: 345rpx;
  141. width: 14rpx;
  142. height: 14rpx;
  143. border-radius: 50%;
  144. background-color: #ff3030;
  145. }
  146. .teacherHome .home-page .home-button-box-2.data-v-1ec64dce {
  147. display: flex;
  148. width: 690rpx;
  149. height: 120rpx;
  150. display: flex;
  151. margin: 20rpx 30rpx 0;
  152. }
  153. .teacherHome .home-page .home-button-box-2 .home-button-box-min.data-v-1ec64dce {
  154. width: 335rpx;
  155. display: flex;
  156. border-radius: 20rpx;
  157. }
  158. .teacherHome .home-page .home-button-box-2 .home-button-box-min .home-button-img.data-v-1ec64dce {
  159. display: block;
  160. margin: 20rpx 31rpx 0 36rpx;
  161. height: 80rpx;
  162. width: 80rpx;
  163. }
  164. .teacherHome .home-page .home-button-box-2 .home-button-box-min .home-button-min .home-button-min-name.data-v-1ec64dce {
  165. line-height: 32rpx;
  166. height: 32rpx;
  167. font-size: 32rpx;
  168. color: #333;
  169. margin: 20rpx 0 18rpx;
  170. }
  171. .teacherHome .home-page .home-button-box-2 .home-button-box-min .home-button-min .home-button-min-text.data-v-1ec64dce {
  172. line-height: 28rpx;
  173. height: 28rpx;
  174. font-size: 28rpx;
  175. color: #999;
  176. }
  177. .teacherHome .home-page .button-one-box.data-v-1ec64dce {
  178. position: relative;
  179. z-index: 5;
  180. background: #fff;
  181. width: 690rpx;
  182. height: 150rpx;
  183. border-radius: 20rpx;
  184. padding: 13px 0 20px;
  185. overflow: hidden;
  186. margin: 400rpx 30rpx 0;
  187. }
  188. .teacherHome .home-page .button-one-box .button-min.data-v-1ec64dce {
  189. display: inline-block;
  190. overflow: hidden;
  191. width: 172rpx;
  192. height: 123rpx;
  193. margin-top: 23rpx;
  194. }
  195. .teacherHome .home-page .button-one-box .button-min .button-img.data-v-1ec64dce {
  196. display: block;
  197. width: 80rpx;
  198. height: 80rpx;
  199. margin: 0 auto;
  200. }
  201. .teacherHome .home-page .button-one-box .button-min .button-name.data-v-1ec64dce {
  202. margin-top: 15rpx;
  203. height: 28rpx;
  204. line-height: 28rpx;
  205. font-size: 28rpx;
  206. text-align: center;
  207. color: #333;
  208. }
  209. .teacherHome .home-page .button-two-box.data-v-1ec64dce {
  210. z-index: 5;
  211. width: 690rpx;
  212. height: 120rpx;
  213. display: flex;
  214. margin: 20rpx 30rpx 0;
  215. }
  216. .teacherHome .home-page .button-two-box .button-big-box.data-v-1ec64dce {
  217. width: 335rpx;
  218. display: flex;
  219. border-radius: 20rpx;
  220. }
  221. .teacherHome .home-page .button-two-box .button-big-box ._img.data-v-1ec64dce {
  222. display: block;
  223. margin: 20rpx 31rpx 0 36rpx;
  224. height: 80rpx;
  225. width: 80rpx;
  226. }
  227. .teacherHome .home-page .button-two-box .button-big-box .button-min-box view.data-v-1ec64dce:nth-child(1) {
  228. line-height: 32rpx;
  229. height: 32rpx;
  230. font-size: 32rpx;
  231. color: #333;
  232. margin: 20rpx 0 18rpx;
  233. }
  234. .teacherHome .home-page .button-two-box .button-big-box .button-min-box view.data-v-1ec64dce:nth-child(2) {
  235. line-height: 28rpx;
  236. height: 28rpx;
  237. font-size: 28rpx;
  238. color: #999;
  239. }
  240. .teacherHome .home-page .button-three-box-1.data-v-1ec64dce {
  241. z-index: 5;
  242. width: 690rpx;
  243. height: 130rpx;
  244. margin: 20rpx 30rpx 0;
  245. }
  246. .teacherHome .home-page .button-three-box-1 .button-big-box.data-v-1ec64dce {
  247. border-radius: 20rpx;
  248. background-color: #cde7ff;
  249. display: flex;
  250. }
  251. .teacherHome .home-page .button-three-box-1 .button-big-box ._img.data-v-1ec64dce {
  252. display: block;
  253. width: 134rpx;
  254. height: 104rpx;
  255. margin: 23rpx 34rpx 0 30rpx;
  256. }
  257. .teacherHome .home-page .button-three-box-1 .button-big-box .button-min-box view.data-v-1ec64dce:nth-child(1) {
  258. line-height: 30rpx;
  259. height: 30rpx;
  260. font-size: 30rpx;
  261. color: #0183fa;
  262. margin: 27rpx 0 15rpx;
  263. }
  264. .teacherHome .home-page .button-three-box-1 .button-big-box .button-min-box view.data-v-1ec64dce:nth-child(2) {
  265. line-height: 26rpx;
  266. height: 26rpx;
  267. font-size: 26rpx;
  268. color: #666;
  269. }
  270. .teacherHome .home-page .button-three-box.data-v-1ec64dce {
  271. z-index: 5;
  272. width: 690rpx;
  273. height: 130rpx;
  274. margin: 20rpx 30rpx 0;
  275. }
  276. .teacherHome .home-page .button-three-box .button-big-box.data-v-1ec64dce {
  277. border-radius: 20rpx;
  278. background-color: #fff0dd;
  279. display: flex;
  280. }
  281. .teacherHome .home-page .button-three-box .button-big-box ._img.data-v-1ec64dce {
  282. display: block;
  283. width: 134rpx;
  284. height: 104rpx;
  285. margin: 23rpx 34rpx 0 30rpx;
  286. }
  287. .teacherHome .home-page .button-three-box .button-big-box .button-min-box view.data-v-1ec64dce:nth-child(1) {
  288. line-height: 30rpx;
  289. height: 30rpx;
  290. font-size: 30rpx;
  291. color: #ff8c00;
  292. margin: 27rpx 0 15rpx;
  293. }
  294. .teacherHome .home-page .button-three-box .button-big-box .button-min-box view.data-v-1ec64dce:nth-child(2) {
  295. line-height: 26rpx;
  296. height: 26rpx;
  297. font-size: 26rpx;
  298. color: #666;
  299. }
  300. .teacherHome .home-page .scan_btn.data-v-1ec64dce {
  301. z-index: 10;
  302. position: fixed;
  303. bottom: 210rpx;
  304. right: 0rpx;
  305. width: 140rpx;
  306. height: 140rpx;
  307. }