ticketHandle.wxss 3.5 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223
  1. /**index.wxss**/
  2. page {
  3. /* background: #f3f3f3; */
  4. background:#F4F2F2;
  5. }
  6. .container{
  7. padding-top:20rpx;
  8. padding-bottom:80rpx;
  9. }
  10. view{
  11. font-size: 28rpx;
  12. }
  13. .edit-btn{
  14. width: 686rpx;
  15. height: 80rpx;
  16. background: #09AFFF;
  17. border-radius: 200rpx;
  18. line-height: 80rpx;
  19. position: fixed;
  20. left:28rpx;
  21. right:28rpx;
  22. bottom:94rpx;
  23. color: #fff;
  24. text-align: center;
  25. /* margin:94rpx 28rpx 0; */
  26. }
  27. .title{
  28. color: #646566;
  29. height:40rpx;
  30. line-height: 40rpx;
  31. /* font-weight: bold; */
  32. /* padding:0 32rpx; */
  33. margin:0rpx 0 16rpx;
  34. }
  35. .tips{
  36. color: #969799;
  37. line-height: 32rpx;
  38. font-size:24rpx;
  39. line-height: 32rpx;
  40. padding:0 32rpx;
  41. margin-bottom:16rpx;
  42. }
  43. .common-module{
  44. width: 750rpx;
  45. /* background: #FFFFFF; */
  46. /* padding:0 32rpx; */
  47. box-sizing: border-box;
  48. position: relative;
  49. }
  50. .input-block{
  51. height: 88rpx;
  52. display: flex;
  53. align-items: center;
  54. /* border-bottom:1rpx solid #EBEDF0; */
  55. padding:0 30rpx 0 20rpx;
  56. background: #fff;
  57. margin-bottom:10rpx;
  58. }
  59. .input-label{
  60. line-height: 88rpx;
  61. color: #646566;
  62. width:160rpx;
  63. }
  64. .input-value{
  65. flex:1;
  66. padding-left:20rpx;
  67. height: 88rpx;
  68. line-height: 88rpx;
  69. color:#333;
  70. }
  71. .input-placeholder{
  72. color: #C8C9CC;
  73. }
  74. .select-block{
  75. height: 88rpx;
  76. display: flex;
  77. align-items: center;
  78. /* border-bottom:1rpx solid #EBEDF0; */
  79. padding:0 30rpx 0 20rpx;
  80. background: #fff;
  81. margin-bottom:10rpx;
  82. }
  83. .no-border{
  84. border-bottom:none;
  85. }
  86. .select-label{
  87. line-height: 88rpx;
  88. color: #646566;
  89. width:160rpx;
  90. }
  91. .select-value{
  92. flex:1;
  93. padding-left:20rpx;
  94. height: 88rpx;
  95. line-height: 88rpx;
  96. }
  97. .select-value.default-value{
  98. color: #C8C9CC;
  99. }
  100. .special-tips{
  101. height: 48rpx;
  102. line-height: 32rpx;
  103. color: #969799;
  104. font-size: 24rpx;
  105. padding:12rpx 20rpx 0 32rpx;
  106. }
  107. .worker-item{
  108. height: 80rpx;
  109. padding:0 40rpx;
  110. line-height: 80rpx;
  111. border-bottom:2rpx solid #F4F2F2;
  112. }
  113. .disable-input{
  114. color:#999;
  115. }
  116. .address-block{
  117. min-height: 160rpx;
  118. height: auto;
  119. }
  120. .address-block .input-value{
  121. line-height: 44rpx;
  122. white-space: pre-wrap;
  123. /* display: flex;
  124. align-items: center; */
  125. height: 120rpx;
  126. padding:0 0 0rpx 20rpx;
  127. /* overflow-y: auto; */
  128. /* margin-bottom:16rpx; */
  129. }
  130. .receipt-content{
  131. width: 750rpx;
  132. background: #FFFFFF;
  133. padding:30rpx 30rpx 24rpx 20rpx;
  134. /* margin:0 24rpx; */
  135. }
  136. .receipt-content .title{
  137. height:48rpx;
  138. }
  139. .receipt-content .title text{
  140. color: red;
  141. }
  142. .receipt-content .textarea{
  143. height: 174rpx;
  144. border-radius: 12rpx;
  145. border: 2rpx solid #DADADA;
  146. margin:18rpx 0 22rpx;
  147. width:700rpx;
  148. padding:16rpx 22rpx;
  149. box-sizing: border-box;
  150. }
  151. .upload-block{
  152. background: #fff;
  153. padding:24rpx 30rpx 24rpx 20rpx;
  154. margin-bottom:10rpx;
  155. }
  156. .upload-block view{
  157. color: #646566;
  158. }
  159. .scroll-wrapper{
  160. position: fixed;
  161. bottom:0;
  162. left:0;
  163. right:0;
  164. top:0;
  165. z-index:99;
  166. background: rgba(0,0,0,0.4);
  167. padding-top:108rpx;
  168. }
  169. .worker-scroll{
  170. padding:8rpx 4rpx 0;
  171. background: #fff;
  172. /* border-radius: 8rpx; */
  173. width:750rpx;
  174. background: #fff;
  175. position: fixed;
  176. bottom:0;
  177. left:0;
  178. right:0;
  179. z-index:999;
  180. }
  181. .worker-item{
  182. height: 80rpx;
  183. padding:0 40rpx;
  184. line-height: 80rpx;
  185. border-bottom:2rpx solid #F4F2F2;
  186. display: flex;
  187. align-items: center;
  188. justify-content: space-between;
  189. }
  190. .selected-result.worker-item{
  191. color:#09afff;
  192. }
  193. .scroll-title{
  194. height: 100rpx;
  195. position: fixed;
  196. bottom:520rpx;
  197. left:0;
  198. right:0;
  199. z-index:1000;
  200. background: #fff;
  201. display: flex;
  202. justify-content: space-between;
  203. align-items: center;
  204. padding:0 24rpx;
  205. box-shadow: 0 2rpx 8rpx 2rpx #f0f0f0;
  206. }
  207. .conf-btn{
  208. color:#09afff;
  209. }
  210. .result-select.select-block{
  211. min-height: 88rpx;
  212. height: auto;
  213. }
  214. .result-select .select-value{
  215. line-height:44rpx ;
  216. padding:20rpx 0 20rpx 20rpx;
  217. height: auto;
  218. }