stat.wxss 6.5 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286
  1. @charset "UTF-8";
  2. /* 水平间距 */
  3. /* 水平间距 */
  4. .container.data-v-44536cf4 {
  5. padding-top: 20rpx;
  6. }
  7. .container .control.data-v-44536cf4 {
  8. margin-bottom: 20rpx;
  9. width: 750rpx;
  10. height: 90rpx;
  11. background-color: #fff;
  12. }
  13. .container .header.data-v-44536cf4 {
  14. margin: 0 auto;
  15. width: 690rpx;
  16. height: 236rpx;
  17. background-color: #fff;
  18. }
  19. .container .header .title.data-v-44536cf4 {
  20. display: flex;
  21. height: 92rpx;
  22. }
  23. .container .header .title .month.data-v-44536cf4 {
  24. flex: 8;
  25. margin: 30rpx 0 0 30rpx;
  26. font-size: 32rpx;
  27. font-weight: 500;
  28. }
  29. .container .header .title .right.data-v-44536cf4 {
  30. display: flex;
  31. justify-content: center;
  32. align-items: center;
  33. flex: 1;
  34. }
  35. .container .header .title .right ._img.data-v-44536cf4 {
  36. width: 15rpx;
  37. height: 30rpx;
  38. }
  39. .container .header .state.data-v-44536cf4 {
  40. display: flex;
  41. height: 144rpx;
  42. }
  43. .container .header .state .err.data-v-44536cf4 {
  44. flex: 1;
  45. display: flex;
  46. flex-direction: column;
  47. justify-content: center;
  48. align-items: center;
  49. }
  50. .container .header .state .err .number.data-v-44536cf4 {
  51. font-size: 46rpx;
  52. font-weight: 700;
  53. }
  54. .container .header .state .err .mes.data-v-44536cf4 {
  55. font-size: 28rpx;
  56. color: #999999;
  57. }
  58. .container .header .state .success.data-v-44536cf4 {
  59. flex: 1;
  60. display: flex;
  61. flex-direction: column;
  62. justify-content: center;
  63. align-items: center;
  64. }
  65. .container .header .state .success .number.data-v-44536cf4 {
  66. font-size: 46rpx;
  67. font-weight: 700;
  68. }
  69. .container .header .state .success .mes.data-v-44536cf4 {
  70. font-size: 28rpx;
  71. color: #999999;
  72. }
  73. .container .calendar.data-v-44536cf4 {
  74. margin: 0 auto;
  75. margin-top: 30rpx;
  76. width: 693rpx;
  77. background-color: #fff;
  78. }
  79. .container .calendar .calendar_title.data-v-44536cf4 {
  80. padding-left: 30rpx;
  81. height: 100rpx;
  82. line-height: 100rpx;
  83. font-size: 32rpx;
  84. font-weight: 500;
  85. }
  86. .container .calendar .calendar_title ._span.data-v-44536cf4 {
  87. font-size: 26rpx;
  88. color: #999999;
  89. }
  90. .container .calendar .calendar_body.data-v-44536cf4 {
  91. height: 690rpx;
  92. background-color: skyblue;
  93. }
  94. .container .calendar .calendar_foot.data-v-44536cf4 {
  95. padding: 0 30rpx;
  96. }
  97. .container .calendar .calendar_foot .foot_item.data-v-44536cf4 {
  98. box-sizing: border-box;
  99. padding: 30rpx;
  100. display: flex;
  101. flex-direction: column;
  102. justify-content: space-evenly;
  103. height: 130rpx;
  104. font-size: 24rpx;
  105. color: #808080;
  106. }
  107. .container .calendar .calendar_foot .foot_item .box.data-v-44536cf4 {
  108. display: flex;
  109. align-items: center;
  110. }
  111. .container .calendar .calendar_foot .foot_item .box .circular.data-v-44536cf4 {
  112. margin-right: 18rpx;
  113. width: 12rpx;
  114. height: 12rpx;
  115. border-radius: 6rpx;
  116. background-color: #31C20E;
  117. }
  118. .container .calendar .calendar_foot .foot_item .box .color.data-v-44536cf4 {
  119. background-color: #999999;
  120. }
  121. .container .calendar .calendar_foot .foot_item .box ._span.data-v-44536cf4 {
  122. margin-left: 18rpx;
  123. }
  124. .container .calendar .progress.data-v-44536cf4 {
  125. position: relative;
  126. display: flex;
  127. justify-content: center;
  128. padding: 0 30rpx;
  129. height: 121px;
  130. }
  131. .container .calendar .progress .chart.data-v-44536cf4 {
  132. margin-top: 20rpx;
  133. width: 170px;
  134. height: 100%;
  135. }
  136. .container .calendar .progress .look.data-v-44536cf4 {
  137. position: absolute;
  138. top: 40rpx;
  139. right: 36rpx;
  140. display: flex;
  141. align-items: center;
  142. width: 150rpx;
  143. height: 42rpx;
  144. }
  145. .container .calendar .progress .look .info.data-v-44536cf4 {
  146. margin-right: 15rpx;
  147. font-size: 28rpx;
  148. color: #A6A6A6;
  149. }
  150. .container .calendar .progress .look ._img.data-v-44536cf4 {
  151. width: 16rpx;
  152. height: 24rpx;
  153. }
  154. .container .errPeople.data-v-44536cf4 {
  155. margin: 0 auto;
  156. margin-top: 32rpx;
  157. width: 690rpx;
  158. border-radius: 7rpx;
  159. background-color: #fff;
  160. }
  161. .container .errPeople .e_header.data-v-44536cf4 {
  162. display: flex;
  163. align-items: center;
  164. width: 690rpx;
  165. height: 121rpx;
  166. }
  167. .container .errPeople .e_header .left.data-v-44536cf4 {
  168. flex: 1;
  169. margin-left: 30rpx;
  170. font-size: 32rpx;
  171. font-weight: 500;
  172. }
  173. .container .errPeople .e_header .right.data-v-44536cf4 {
  174. flex: 1;
  175. display: flex;
  176. justify-content: flex-end;
  177. align-items: center;
  178. margin-right: 32rpx;
  179. }
  180. .container .errPeople .e_header .right .icon.data-v-44536cf4 {
  181. margin-right: 10rpx;
  182. width: 26rpx;
  183. height: 26rpx;
  184. line-height: 26rpx;
  185. }
  186. .container .errPeople .e_header .right .icon ._img.data-v-44536cf4 {
  187. width: 100%;
  188. height: 100%;
  189. }
  190. .container .errPeople .e_header .right .info.data-v-44536cf4 {
  191. width: 56rpx;
  192. height: 41rpx;
  193. font-size: 28rpx;
  194. color: #2A82E4;
  195. }
  196. .container .errPeople .e_calendar.data-v-44536cf4 {
  197. display: flex;
  198. justify-content: flex-end;
  199. align-items: center;
  200. }
  201. .container .errPeople .e_calendar .double.data-v-44536cf4 {
  202. margin-right: 30rpx;
  203. width: 40rpx;
  204. height: 40rpx;
  205. }
  206. .container .errPeople .e_calendar .double ._img.data-v-44536cf4 {
  207. width: 100%;
  208. height: 100%;
  209. }
  210. .container .errPeople .e_calendar .single.data-v-44536cf4 {
  211. width: 40rpx;
  212. height: 40rpx;
  213. }
  214. .container .errPeople .e_calendar .single ._img.data-v-44536cf4 {
  215. width: 80%;
  216. height: 70%;
  217. }
  218. .container .errPeople .e_calendar .single2.data-v-44536cf4 {
  219. margin-right: 30rpx;
  220. width: 40rpx;
  221. height: 40rpx;
  222. }
  223. .container .errPeople .e_calendar .single2 ._img.data-v-44536cf4 {
  224. width: 100%;
  225. height: 70%;
  226. }
  227. .container .errPeople .e_calendar .time.data-v-44536cf4 {
  228. width: 180rpx;
  229. height: 44rpx;
  230. font-size: 32rpx;
  231. text-align: center;
  232. }
  233. .container .errPeople .e_list.data-v-44536cf4 {
  234. display: flex;
  235. flex-wrap: wrap;
  236. justify-content: space-evenly;
  237. align-items: center;
  238. margin-top: 20rpx;
  239. padding: 30rpx;
  240. width: 630rpx;
  241. }
  242. .container .errPeople .e_list .e_box.data-v-44536cf4 {
  243. display: flex;
  244. flex-direction: column;
  245. justify-content: space-evenly;
  246. align-items: center;
  247. margin-bottom: 20rpx;
  248. width: 180rpx;
  249. height: 190rpx;
  250. }
  251. .container .errPeople .e_list .e_box .e_img.data-v-44536cf4 {
  252. width: 100rpx;
  253. height: 100rpx;
  254. }
  255. .container .errPeople .e_list .e_box .e_img ._img.data-v-44536cf4 {
  256. width: 100%;
  257. height: 100%;
  258. border-radius: 50%;
  259. }
  260. .container .errPeople .e_list .e_box .e_name.data-v-44536cf4 {
  261. font-size: 28rpx;
  262. }
  263. .container .errPeople .e_list .e_box .e_msg.data-v-44536cf4 {
  264. font-size: 24rpx;
  265. color: #808080;
  266. }
  267. .container .errPeople .e_list2.data-v-44536cf4 {
  268. margin: 0 auto;
  269. margin-top: 200rpx;
  270. text-align: center;
  271. }
  272. .container .errPeople .e_list2 ._img.data-v-44536cf4 {
  273. width: 480rpx;
  274. height: 508rpx;
  275. }
  276. .container .errPeople .e_list2 .info.data-v-44536cf4 {
  277. padding-bottom: 50rpx;
  278. color: #5792F0;
  279. }
  280. .data-v-44536cf4 .uni-calendar-item--isDay {
  281. border-radius: 50rpx;
  282. }
  283. .data-v-44536cf4 .uni-calendar-item--checked {
  284. border-radius: 50rpx;
  285. }