运维小程序
Вы не можете выбрать более 25 тем Темы должны начинаться с буквы или цифры, могут содержать дефисы(-) и должны содержать не более 35 символов.

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245
  1. /* pages/workorder/index.wxss */
  2. page{
  3. width: 100%;
  4. height: 100%;
  5. }
  6. .setup{
  7. width: 100%;
  8. /* height: 100%; */
  9. background: linear-gradient(to bottom, #0F80DC -40%, #F0F5F5 40%,#F0F5F5 100%);
  10. padding: 20rpx 20rpx;
  11. box-sizing: border-box;
  12. }
  13. .workorder_list{
  14. background-color: #ffffff;
  15. border-radius: 10rpx;
  16. padding: 0rpx 20rpx;
  17. }
  18. picker{
  19. width: 100%;
  20. }
  21. .owner_type1 {
  22. width: 100%;
  23. height: 120rpx;
  24. display: flex;
  25. align-items: center;
  26. justify-content: space-between;
  27. border-bottom: #f0f5f5 1rpx solid;
  28. }
  29. .owner_type1x{
  30. width: 100%;
  31. padding: 20rpx 0rpx;
  32. display: flex;
  33. align-items: center;
  34. justify-content: space-between;
  35. border-bottom: #f0f5f5 1rpx solid;
  36. }
  37. .calculation_strategy {
  38. font-size: 26rpx;
  39. color: #222;
  40. padding: 20rpx 0rpx;
  41. }
  42. .calculation_capsule {
  43. width: 70%;
  44. font-size: 26rpx;
  45. color: #222;
  46. padding: 10rpx 20rpx;
  47. }
  48. .owner_easyinput1 {
  49. width: 100%;
  50. display: flex;
  51. flex-wrap: wrap;
  52. }
  53. .uni-mt-5{
  54. width: 100%;
  55. text-align: left;
  56. }
  57. .calculation_use {
  58. width: 100%;
  59. font-size: 26rpx;
  60. display: flex;
  61. justify-content: space-between;
  62. }
  63. .calculation_top {
  64. width: 100%;
  65. height: 100%;
  66. font-size: 26rpx;
  67. display: flex;
  68. align-items: center;
  69. justify-content: space-between;
  70. }
  71. .calculation_left {
  72. display: flex;
  73. font-size: 28rpx;
  74. }
  75. .uni-input{
  76. font-size: 28rpx;
  77. }
  78. .uni-inputcolor{
  79. color: #cccccc;
  80. }
  81. .event {
  82. width: 70%;
  83. display: flex;
  84. justify-content: space-between;
  85. padding-left: 20rpx;
  86. align-items: center;
  87. box-sizing: border-box;
  88. }
  89. .events{
  90. width: 90%;
  91. display: flex;
  92. align-items: center;
  93. /* 核心溢出控制:明确隐藏方向 + 避免文字换行导致高度溢出 */
  94. overflow: hidden; /* 隐藏所有方向超出的内容 */
  95. white-space: nowrap; /* 强制内容在一行显示,避免文字换行后高度溢出 */
  96. text-overflow: ellipsis; /* 可选:文字溢出时显示省略号(…),提升用户体验 */
  97. /* 可选:限制容器最小宽度,避免内容过窄时挤压 */
  98. }
  99. .inputpartnerName{
  100. padding-right: 20rpx;
  101. box-sizing: border-box;
  102. }
  103. .switch-container{
  104. width: 100%;
  105. }
  106. .t-radio{
  107. margin-right: 40rpx;
  108. }
  109. .owner_type2 {
  110. width: 100%;
  111. display: flex;
  112. justify-content: space-between;
  113. border-bottom: #f0f5f5 1rpx solid;
  114. }
  115. .calculation_capsule1 {
  116. width: 72%;
  117. font-size: 26rpx;
  118. color: #222;
  119. padding: 20rpx 0rpx;
  120. }
  121. .external-class{
  122. font-size: 28rpx;
  123. height: 200rpx;
  124. }
  125. .workorder_box{
  126. width: 100%;
  127. height: 180rpx;
  128. position: fixed;
  129. bottom: 0rpx;
  130. left: 0rpx;
  131. padding-top:30rpx;
  132. display: flex;
  133. /* align-items: center; */
  134. justify-content: center;
  135. box-sizing: border-box;
  136. background-color: #ffffff;
  137. z-index: 99;
  138. }
  139. .workorder{
  140. width: 480rpx;
  141. height: 80rpx;
  142. font-size: 32rpx;
  143. background-color: rgba(15, 128, 220, 0.2);
  144. color: #0F80DC;
  145. border:1rpx solid #0F80DC;
  146. display: flex;
  147. align-items: center;
  148. justify-content: center;
  149. border-radius: 10rpx;
  150. }
  151. .calculation_usebox1 {
  152. font-size: 26rpx;
  153. display: flex;
  154. align-items: center;
  155. margin-top: 20rpx;
  156. border: 1rpx solid #cccccc;
  157. border-radius: 10rpx;
  158. /* justify-content: space-between; */
  159. }
  160. .calculation_imagebox{
  161. width: 120rpx;
  162. height: 120rpx;
  163. margin-right: 40rpx;
  164. position:relative;
  165. }
  166. .calculation_imagex{
  167. position: absolute;
  168. top: 0rpx;
  169. right: 0rpx;
  170. }
  171. .calculation_image{
  172. width: 120rpx;
  173. height: 120rpx;
  174. }
  175. .block {
  176. width: 100%;
  177. height: 880rpx;
  178. background: var(--td-bg-color-container);
  179. border-top-left-radius: 16rpx;
  180. border-top-right-radius: 16rpx;
  181. overflow: auto;
  182. }
  183. .header {
  184. display: flex;
  185. align-items: center;
  186. height: 116rpx;
  187. }
  188. .title {
  189. flex: 1;
  190. text-align: center;
  191. font-weight: 600;
  192. font-size: 36rpx;
  193. color: var(--td-text-color-primary);
  194. }
  195. .btn {
  196. font-size: 32rpx;
  197. padding: 32rpx;
  198. }
  199. .btn--cancel {
  200. color: var(--td-text-color-secondary);
  201. }
  202. .btn--confirm {
  203. color: #0052d9;
  204. }
  205. .checkbox{
  206. width: 100%;
  207. height: 680rpx;
  208. padding:30rpx 40rpx;
  209. overflow: auto;
  210. box-sizing: border-box;
  211. z-index: 999;
  212. }
  213. .weui-cell{
  214. width: 100%;
  215. height: 80rpx;
  216. display: flex;
  217. align-items: center;
  218. justify-content: space-between;
  219. padding: 20rpx;
  220. /* border-bottom:1rpx solid #cccccc; */
  221. /* background-color: rgba(60, 158, 250, 0.1); */
  222. box-sizing: border-box;
  223. }
  224. .weui-cell__bd{
  225. width: 38rpx;
  226. height: 38rpx;
  227. line-height: 40rpx;
  228. background-color: rgba(60, 158, 250, 0.8);
  229. border-radius: 100%;
  230. display: flex;
  231. align-items: center;
  232. justify-content: center;
  233. color: #ffffff;
  234. box-sizing: border-box;
  235. }