江西小程序管理端
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

184 lines
3.1 KiB

1 year ago
  1. .content {
  2. width: 100%;
  3. background: url('http://192.168.1.20:81/zhili/image/20230824/30073140957f4349b6579cb0ff00d4b1.png') #F6F6F6 no-repeat;
  4. background-size: 100% 492rpx;
  5. padding: 142rpx 28rpx 140rpx 28rpx;
  6. .userInfo {
  7. .tit {
  8. font-size: 48rpx;
  9. color: #fff;
  10. font-weight: 500;
  11. }
  12. .userRow {
  13. align-items: center;
  14. margin-bottom: 20rpx;
  15. .schoolIcon {
  16. width: 28rpx;
  17. height: 28rpx;
  18. }
  19. .schoolName {
  20. font-size: 28rpx;
  21. padding: 20rpx;
  22. max-width: 220rpx;
  23. color: #fff;
  24. }
  25. .tag {
  26. min-width: 112rpx;
  27. height: 44rpx;
  28. background: #82AFDD;
  29. border-radius: 22rpx;
  30. font-size: 20rpx;
  31. color: #fff;
  32. line-height: 44rpx;
  33. text-align: center;
  34. white-space: nowrap;
  35. width: fit-content;
  36. }
  37. }
  38. }
  39. .priceBox {
  40. padding: 32rpx;
  41. color: $themC;
  42. .blueLab {
  43. font-weight: 500;
  44. font-size: 28rpx;
  45. }
  46. .price {
  47. font-size: 56rpx;
  48. font-weight: 600;
  49. padding: 12rpx 0 24rpx 0;
  50. }
  51. .toDay {
  52. padding: 14rpx 0;
  53. border-top: 2rpx dashed #E8E9EC;
  54. border-bottom: 2rpx dashed #E8E9EC;
  55. margin-bottom: 20rpx;
  56. .row {
  57. padding: 16rpx 0;
  58. display: flex;
  59. align-items: center;
  60. .lab {
  61. color: #686B73;
  62. font-size: 24rpx;
  63. width: 210rpx;
  64. }
  65. .val {
  66. font-size: 28rpx;
  67. font-weight: 600;
  68. }
  69. }
  70. }
  71. .flex-b {
  72. .data {
  73. font-size: 24rpx;
  74. color: #363A44;
  75. }
  76. .refresh {
  77. width: 130rpx;
  78. height: 60rpx;
  79. background: rgba(25,137,250,0.1);
  80. border-radius: 8rpx;
  81. border: 2rpx solid #1989FA;
  82. line-height: 60rpx;
  83. display: flex;
  84. align-items: center;
  85. justify-content: center;
  86. .text {
  87. font-size: 28rpx;
  88. }
  89. .icon {
  90. width: 24rpx;
  91. height: 24rpx;
  92. margin-left: 6rpx;
  93. }
  94. }
  95. }
  96. }
  97. .h1 {
  98. margin: 32rpx 0 24rpx 0;
  99. }
  100. .tabs {
  101. display: flex;
  102. justify-content: space-between;
  103. padding-bottom: 24rpx;
  104. .tab {
  105. width: 96rpx;
  106. height: 60rpx;
  107. background: rgba(25,137,250,0.1);
  108. border-radius: 8rpx;
  109. border: 2rpx solid #1989FA;
  110. font-size: 28rpx;
  111. text-align: center;
  112. line-height: 60rpx;
  113. color: $themC;
  114. &.active {
  115. color: #fff;
  116. background-color: $themC;
  117. }
  118. &.long {
  119. min-width: 336rpx;
  120. width: fit-content !important;
  121. }
  122. }
  123. }
  124. .card {
  125. margin-bottom: 20rpx;
  126. .chart {
  127. }
  128. }
  129. .moreBtn {
  130. width: 200rpx;
  131. height: 60rpx;
  132. background: #FFFFFF;
  133. border-radius: 8rpx;
  134. border: 2rpx solid #E8E9EC;
  135. color: #ADADAD;
  136. text-align: center;
  137. line-height: 60rpx;
  138. margin: 32rpx auto 8rpx auto;
  139. }
  140. }
  141. .chart {
  142. width:100%;
  143. height: 390rpx;
  144. background: #FFFFFF;
  145. border-radius: 16rpx;
  146. padding: 28rpx;
  147. }
  148. .toDayServe {
  149. display: flex;
  150. justify-content: space-around;
  151. padding: 20rpx 0;
  152. .serveItem {
  153. width: 33%;
  154. width: 140rpx;
  155. height: 146rpx;
  156. background: rgba(25,137,250,0.06);
  157. border-radius: 12rpx;
  158. text-align: center;
  159. .lab {
  160. font-size: 24rpx;
  161. margin: 18rpx 0 16rpx 0;
  162. }
  163. .val {
  164. font-size: 56rpx;
  165. font-weight: 600;
  166. }
  167. }
  168. }