runningState.wxss 2.8 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175
  1. .anniu {
  2. width: 116rpx;
  3. height: 116rpx;
  4. float: right;
  5. margin-right: 10rpx;
  6. }
  7. .Green_button {
  8. background-color: mediumspringgreen;
  9. color: white;
  10. width: 654rpx;
  11. margin-left: 48rpx;
  12. margin-top: 44rpx;
  13. }
  14. .Red_button {
  15. background-color: crimson;
  16. color: white;
  17. }
  18. .name1 {
  19. color: #848586;
  20. font-size: 24rpx;
  21. }
  22. .name {
  23. color: #848586;
  24. font-size: 30rpx;
  25. }
  26. .value {
  27. font-size: 38rpx;
  28. color: #444546;
  29. }
  30. .paramItem {
  31. display: flex;
  32. flex-direction: column;
  33. margin-left: 58rpx;
  34. margin-right: 46rpx;
  35. }
  36. .paramItem1 {
  37. display: flex;
  38. flex-direction: column;
  39. margin-left: 40rpx;
  40. margin-right: 40rpx;
  41. }
  42. .param {
  43. display: flex;
  44. flex-direction: row;
  45. margin-left: 24rpx;
  46. align-items: center;
  47. justify-content: center;
  48. width: 702rpx;
  49. height: 140rpx;
  50. background-color: white;
  51. border-bottom-right-radius: 8rpx;
  52. border-bottom-left-radius: 8rpx;
  53. }
  54. .tiaoText {
  55. margin-left: 44rpx;
  56. font-size: 34rpx;
  57. font-weight: 550;
  58. }
  59. .stopTiaoText {
  60. margin-left: 44rpx;
  61. font-size: 36rpx;
  62. font-weight: 550;
  63. }
  64. .tiao {
  65. margin-top: 26rpx;
  66. border-top-left-radius: 8rpx;
  67. border-top-right-radius: 8rpx;
  68. margin-left: 24rpx;
  69. width: 702rpx;
  70. height: 60px;
  71. background: #EAF1FE;
  72. font-size: 30rpx;
  73. color: #007AFF;
  74. display: flex;
  75. align-items: center;
  76. }
  77. .stopTiao {
  78. margin-top: 26rpx;
  79. border-top-left-radius: 8rpx;
  80. border-top-right-radius: 8rpx;
  81. margin-left: 24rpx;
  82. width: 702rpx;
  83. height: 60px;
  84. background: #007AFF;
  85. font-size: 38rpx;
  86. color: white;
  87. display: flex;
  88. align-items: center;
  89. }
  90. .xia {
  91. display: flex;
  92. flex-direction: row;
  93. }
  94. .xiaItem {
  95. color: white;
  96. display: flex;
  97. flex-direction: column;
  98. margin-left: 20rpx;
  99. margin-right: 20rpx;
  100. align-items: center;
  101. justify-content: center;
  102. margin-bottom: 16rpx;
  103. }
  104. .shang {
  105. display: flex;
  106. flex-direction: row;
  107. }
  108. .shangItem {
  109. color: white;
  110. display: flex;
  111. flex-direction: column;
  112. margin-left: 30rpx;
  113. margin-right: 30rpx;
  114. align-items: center;
  115. justify-content: center;
  116. margin-bottom: 16rpx;
  117. }
  118. .buttonItem {
  119. display: flex;
  120. flex-direction: row;
  121. font-size: 20rpx;
  122. color: #444546;
  123. }
  124. .but {
  125. width: 50rpx;
  126. height: 50rpx;
  127. display: flex;
  128. align-items: center;
  129. justify-content: center;
  130. margin-left: 10rpx;
  131. margin-top: 5rpx;
  132. font-size: 24rpx;
  133. }
  134. .active-but {
  135. background-color: #00ff99;
  136. }
  137. .xiaBut {
  138. display: flex;
  139. flex-direction: row;
  140. font-size: 20rpx;
  141. color: #444546;
  142. }
  143. .KGJ_button {
  144. background-color: #00ff99;
  145. }
  146. .xiaButton {
  147. width: 100rpx;
  148. height: 50rpx;
  149. display: flex;
  150. align-items: center;
  151. justify-content: center;
  152. margin-left: 10rpx;
  153. margin-top: 5rpx;
  154. font-size: 24rpx;
  155. }
  156. .head {
  157. font-size: 26rpx;
  158. height: 300px;
  159. background: linear-gradient(180deg, #2A8FFB 0%, #0467FB 100%);
  160. display: flex;
  161. flex-direction: column;
  162. align-items: center;
  163. justify-content: center;
  164. }
  165. .comp {
  166. background-color: #D6D6D6;
  167. width: 702rpx;
  168. height: 200rpx;
  169. border-radius: 8rpx;
  170. margin-bottom: 20rpx;
  171. }