packingMachine.wxss 4.5 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196
  1. .packingMachineDtl.data-v-f34bc910 {
  2. background-color: #f0f0f0;
  3. min-height: 100vh;
  4. margin-top: 128rpx;
  5. }
  6. .packingMachineDtl .footer-btn.data-v-f34bc910 {
  7. margin: 20rpx;
  8. background: blue;
  9. color: #fff;
  10. }
  11. .packingMachineDtl .state.data-v-f34bc910 {
  12. display: flex;
  13. justify-content: space-between;
  14. margin: 24rpx 24rpx 0;
  15. }
  16. .packingMachineDtl .state .state-box.data-v-f34bc910 {
  17. padding: 20rpx;
  18. width: 48%;
  19. background-color: #fff;
  20. display: flex;
  21. box-sizing: border-box;
  22. border-radius: 10rpx;
  23. position: relative;
  24. }
  25. .packingMachineDtl .state .state-box .before-icon.data-v-f34bc910 {
  26. width: 30rpx;
  27. height: 30rpx;
  28. position: absolute;
  29. right: 10rpx;
  30. top: 10rpx;
  31. }
  32. .packingMachineDtl .state .state-box .before-icon ._i.data-v-f34bc910 {
  33. color: #F54A45;
  34. }
  35. .packingMachineDtl .state .state-box .text.data-v-f34bc910 {
  36. padding: 12rpx 0;
  37. }
  38. .packingMachineDtl .state .state-box .state-text.data-v-f34bc910 {
  39. font-size: 26rpx;
  40. color: #FF8800;
  41. font-weight: bold;
  42. margin-top: 5rpx;
  43. }
  44. .packingMachineDtl .state .state-box .label.data-v-f34bc910 {
  45. font-weight: 400;
  46. font-size: 28rpx;
  47. }
  48. .packingMachineDtl .state .state-box image.data-v-f34bc910 {
  49. width: 110rpx;
  50. height: 110rpx;
  51. }
  52. .packingMachineDtl .parts-list.data-v-f34bc910 {
  53. padding: 0 24rpx;
  54. margin-top: 24rpx;
  55. }
  56. .packingMachineDtl .parts-list ._ul.data-v-f34bc910 {
  57. display: flex;
  58. justify-content: space-between;
  59. }
  60. .packingMachineDtl .parts-list ._li.data-v-f34bc910 {
  61. width: 32%;
  62. padding: 30rpx 0;
  63. text-align: center;
  64. position: relative;
  65. background-color: #fff;
  66. }
  67. .packingMachineDtl .parts-list ._li .temperature.data-v-f34bc910 {
  68. font-size: 40rpx;
  69. font-weight: bold;
  70. height: 60rpx;
  71. margin: 0 auto 20rpx;
  72. line-height: 60rpx;
  73. }
  74. .packingMachineDtl .parts-list ._li image.data-v-f34bc910 {
  75. width: 60rpx;
  76. height: 60rpx;
  77. display: block;
  78. margin: 0 auto 20rpx;
  79. }
  80. .packingMachineDtl .parts-list .before-icon.data-v-f34bc910 {
  81. width: 30rpx;
  82. height: 30rpx;
  83. position: absolute;
  84. right: 16rpx;
  85. top: 16rpx;
  86. }
  87. .packingMachineDtl .parts-list .before-icon ._i.data-v-f34bc910 {
  88. color: #3FBF31;
  89. }
  90. .packingMachineDtl .parts-list .before.data-v-f34bc910 {
  91. width: 30rpx;
  92. height: 30rpx;
  93. border-radius: 50%;
  94. background-color: rgba(204, 204, 204, 0.2);
  95. display: block;
  96. position: absolute;
  97. right: 16rpx;
  98. top: 16rpx;
  99. }
  100. .packingMachineDtl .parts-list .before.data-v-f34bc910::before {
  101. position: absolute;
  102. display: block;
  103. top: 7rpx;
  104. left: 7rpx;
  105. width: 19rpx;
  106. height: 19rpx;
  107. border-radius: 50%;
  108. content: " ";
  109. background: #cccccc;
  110. }
  111. .packingMachineDtl .parts-list .before.succes.data-v-f34bc910 {
  112. background-color: rgba(63, 191, 49, 0.2);
  113. }
  114. .packingMachineDtl .parts-list .before.succes.data-v-f34bc910::before {
  115. background: #3FBF31;
  116. }
  117. .packingMachineDtl .echarts.data-v-f34bc910 {
  118. background: #fff;
  119. margin: 24rpx 24rpx 0;
  120. }
  121. .packingMachineDtl .echarts .content .text.data-v-f34bc910 {
  122. font-size: 28rpx;
  123. font-weight: 700;
  124. color: #333;
  125. text-align: center;
  126. margin-bottom: 40rpx;
  127. }
  128. .packingMachineDtl .echarts .title.data-v-f34bc910 {
  129. font-size: 28rpx;
  130. height: 90rpx;
  131. line-height: 90rpx;
  132. display: flex;
  133. padding: 0 24rpx;
  134. font-weight: 500;
  135. }
  136. .packingMachineDtl .echarts .title image.data-v-f34bc910 {
  137. width: 40rpx;
  138. height: 40rpx;
  139. margin-top: 25rpx;
  140. margin-right: 16rpx;
  141. }
  142. .packingMachineDtl .equ-img.data-v-f34bc910 {
  143. padding: 24rpx;
  144. background-color: #ffffff;
  145. position: relative;
  146. }
  147. .packingMachineDtl .equ-img image.data-v-f34bc910 {
  148. width: 100%;
  149. height: 395rpx;
  150. }
  151. .packingMachineDtl .equ-img .err-modal.data-v-f34bc910 {
  152. position: absolute;
  153. left: 0;
  154. right: 0;
  155. bottom: 0;
  156. top: 0;
  157. background: rgba(0, 0, 0, 0.6);
  158. text-align: center;
  159. display: flex;
  160. align-items: center;
  161. }
  162. .packingMachineDtl .equ-img .err-modal image.data-v-f34bc910 {
  163. width: 160rpx;
  164. height: 160rpx;
  165. margin: 0 auto;
  166. }
  167. .packingMachineDtl .state.data-v-f34bc910 {
  168. display: flex;
  169. justify-content: space-between;
  170. margin: 24rpx 24rpx 0;
  171. }
  172. .packingMachineDtl .state .state-box.data-v-f34bc910 {
  173. padding: 20rpx;
  174. width: 48%;
  175. background-color: #fff;
  176. display: flex;
  177. box-sizing: border-box;
  178. border-radius: 10rpx;
  179. }
  180. .packingMachineDtl .state .state-box .text.data-v-f34bc910 {
  181. padding: 12rpx 0;
  182. }
  183. .packingMachineDtl .state .state-box .state-text.data-v-f34bc910 {
  184. font-size: 32rpx;
  185. font-weight: bold;
  186. margin-top: 5rpx;
  187. }
  188. .packingMachineDtl .state .state-box .label.data-v-f34bc910 {
  189. font-weight: 400;
  190. font-size: 28rpx;
  191. }
  192. .packingMachineDtl .state .state-box image.data-v-f34bc910 {
  193. width: 110rpx;
  194. height: 110rpx;
  195. }