materialTransfer.wxss 3.8 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185
  1. .materialTransfer.data-v-24c2b874 {
  2. background-color: #f2f2f2;
  3. min-height: 100vh;
  4. }
  5. .materialTransfer .user-select.data-v-24c2b874 {
  6. display: flex;
  7. justify-content: space-between;
  8. height: 80rpx;
  9. line-height: 80rpx;
  10. padding: 0 20rpx;
  11. }
  12. .tabs.data-v-24c2b874 {
  13. background-color: #fff;
  14. display: flex;
  15. justify-content: space-between;
  16. }
  17. .tabs .tab-box.data-v-24c2b874 {
  18. width: 49%;
  19. text-align: center;
  20. height: 80rpx;
  21. line-height: 80rpx;
  22. position: relative;
  23. color: #000;
  24. }
  25. .tabs .tab-box .blue-line.data-v-24c2b874 {
  26. position: absolute;
  27. bottom: 0;
  28. left: 50%;
  29. height: 4rpx;
  30. width: 100rpx;
  31. margin-left: -50rpx;
  32. background-color: blue;
  33. }
  34. .tabs .tab-box .op0.data-v-24c2b874 {
  35. opacity: 0;
  36. }
  37. .tabs .active.data-v-24c2b874 {
  38. color: #000 !important;
  39. }
  40. .tabs .active.data-v-24c2b874::before {
  41. position: absolute;
  42. bottom: 0;
  43. left: 50%;
  44. content: " ";
  45. height: 4rpx;
  46. width: 100rpx;
  47. margin-left: -50rpx;
  48. background-color: blue;
  49. }
  50. .footer-btn-warp.data-v-24c2b874 {
  51. display: flex;
  52. padding: 20rpx;
  53. }
  54. .footer-btn-warp button.data-v-24c2b874 {
  55. width: 48%;
  56. color: #fff;
  57. }
  58. .search-box.data-v-24c2b874 {
  59. background-color: #fff;
  60. text-align: center;
  61. }
  62. .search-box .input-warp.data-v-24c2b874 {
  63. padding: 40rpx;
  64. }
  65. .search-box .search-input.data-v-24c2b874 {
  66. border: 1rpx solid #dcdcdc;
  67. padding: 20rpx;
  68. }
  69. .search-box ._ul ._li.data-v-24c2b874 {
  70. padding: 25rpx 30rpx;
  71. border-bottom: 1rpx solid #dcdcdc;
  72. list-style: none;
  73. }
  74. .search-box .no-data.data-v-24c2b874 {
  75. padding: 100rpx;
  76. }
  77. .addModal-content.data-v-24c2b874 {
  78. background-color: #fff;
  79. border-top-left-radius: 20rpx;
  80. border-top-right-radius: 20rpx;
  81. padding-top: 40rpx;
  82. }
  83. .addModal-content .footer-btn-warp.data-v-24c2b874 {
  84. display: flex;
  85. padding: 20rpx;
  86. }
  87. .addModal-content .footer-btn-warp button.data-v-24c2b874 {
  88. width: 48%;
  89. color: #fff;
  90. }
  91. .addModal-content .ul .li.data-v-24c2b874 {
  92. display: flex;
  93. justify-content: space-between;
  94. height: 80rpx;
  95. line-height: 80rpx;
  96. margin-top: 20rpx;
  97. }
  98. .addModal-content .ul .li .input.data-v-24c2b874 {
  99. width: 70%;
  100. }
  101. .addModal-content .ul .li .input input.data-v-24c2b874 {
  102. border: 1rpx solid #dcdcdc;
  103. height: 78rpx;
  104. line-height: 78rpx;
  105. padding: 0 20rpx;
  106. }
  107. .addModal-content .ul .delete-icon.data-v-24c2b874 {
  108. height: 80rpx;
  109. width: 80rpx;
  110. text-align: center;
  111. line-height: 80rpx;
  112. font-size: 40rpx;
  113. color: #fff;
  114. background-color: #ccc;
  115. }
  116. .addModal-content .select-warp.data-v-24c2b874 {
  117. height: 80rpx;
  118. line-height: 80rpx;
  119. padding: 0 20rpx;
  120. box-sizing: border-box;
  121. display: flex;
  122. justify-content: space-between;
  123. }
  124. .addModal-content .select-warp .show-text.data-v-24c2b874 {
  125. width: 60%;
  126. border: 1rpx solid #dcdcdc;
  127. padding: 0 20rpx;
  128. overflow: hidden;
  129. height: 80rpx;
  130. }
  131. .addModal-content .select-warp .add-icon.data-v-24c2b874 {
  132. height: 80rpx;
  133. width: 80rpx;
  134. text-align: center;
  135. line-height: 80rpx;
  136. font-size: 40rpx;
  137. color: #fff;
  138. background-color: #ccc;
  139. }
  140. .ul .li.data-v-24c2b874 {
  141. background-color: #fff;
  142. border-radius: 5rpx;
  143. margin: 20rpx 20rpx 0;
  144. }
  145. .ul .li .label.data-v-24c2b874 {
  146. height: 100rpx;
  147. line-height: 100rpx;
  148. font-weight: 30rpx;
  149. border-bottom: 1rpx solid #ccc;
  150. padding: 0 20rpx;
  151. overflow: hidden;
  152. }
  153. .ul .li .lists.data-v-24c2b874 {
  154. border-bottom: 1rpx solid #ccc;
  155. }
  156. .ul .li .lists .list-box.data-v-24c2b874 {
  157. height: 100rpx;
  158. line-height: 100rpx;
  159. display: flex;
  160. justify-content: space-between;
  161. padding: 0 20rpx;
  162. }
  163. .ul .li .list-btn-warp.data-v-24c2b874 {
  164. display: flex;
  165. padding: 20rpx;
  166. }
  167. .ul .li .list-btn-warp button.data-v-24c2b874 {
  168. width: 48%;
  169. }
  170. .add-header.data-v-24c2b874 {
  171. height: 100rpx;
  172. line-height: 100rpx;
  173. font-size: 30rpx;
  174. font-weight: bold;
  175. overflow: hidden;
  176. padding: 20rpx;
  177. }
  178. .add-header button.data-v-24c2b874 {
  179. width: 200rpx;
  180. color: #fff;
  181. background-color: red;
  182. float: right;
  183. margin: 14rpx 0;
  184. }