assaign.acss 2.7 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173
  1. .form-top{
  2. background-color: #fff;
  3. padding:28rpx;
  4. border-bottom: 1px solid #f1f1f1;
  5. }
  6. .form-top .flex-1{
  7. text-align: right;
  8. color: #969799;
  9. }
  10. .label{
  11. position: relative;
  12. width: 160rpx;
  13. font-size: 32rpx
  14. }
  15. .isBt::before{
  16. position: absolute;
  17. content: "*";
  18. color: #F56C6C;
  19. left: -16rpx;
  20. }
  21. .inputs .li{
  22. background-color: #fff;
  23. padding:28rpx;
  24. position: relative;
  25. }
  26. .li view:nth-child(2){
  27. text-align: right;
  28. color: #969799;
  29. }
  30. .title{
  31. padding: 16rpx 28rpx;
  32. font-size: 28rpx;
  33. }
  34. textarea{
  35. padding-left: 10rpx;
  36. padding-right: 0;
  37. height: 150rpx;
  38. position: relative;
  39. }
  40. .textarea::before{
  41. position: absolute;
  42. content: "*";
  43. color: #F56C6C;
  44. left: -16rpx;
  45. }
  46. .add{
  47. background-color: #fff;
  48. padding: 28rpx 28rpx;
  49. color: #26A2FF;
  50. margin: 28rpx 0;
  51. margin-bottom: 40rpx;
  52. }
  53. .addImg{
  54. width: 50rpx;
  55. height: 50rpx;
  56. position: absolute;
  57. bottom: 20rpx;
  58. z-index: 998;
  59. }
  60. .rightImg{
  61. width: 30rpx;
  62. height: 30rpx;
  63. margin-left: 10rpx;
  64. }
  65. .btn-area{
  66. position: fixed;
  67. background: #fff;
  68. bottom: 0;
  69. width: 100%;
  70. border-top: 1px solid #f1f1f1;
  71. padding: 10rpx;
  72. z-index: 2
  73. }
  74. .defBtn{
  75. width: 90%;
  76. margin: 0 auto;
  77. border-radius: 10rpx;
  78. height: 90rpx;
  79. text-align: center;
  80. line-height: 90rpx;
  81. }
  82. .showImg{
  83. width: 160rpx;
  84. height: 160rpx;
  85. margin-bottom: 28rpx;
  86. margin-right:40rpx;
  87. margin-top: 28rpx;
  88. }
  89. .detele{
  90. color: #fff;
  91. position: absolute;
  92. height: 40rpx;
  93. width: 40rpx;
  94. border-radius: 100%;
  95. background-color: #969799;
  96. text-align: center;
  97. line-height: 40rpx;
  98. right: 10rpx;
  99. top: 10rpx;
  100. }
  101. .box{
  102. position: fixed;
  103. top: 0;
  104. left: 0;
  105. right: 0;
  106. bottom: 0;
  107. background: rgba(0,0,0,0.2);
  108. z-index: 999;
  109. transform: translate(0,100%);
  110. }
  111. .inputs{
  112. margin-bottom: 200rpx;
  113. }
  114. .inputs .li .input_text{
  115. text-align: left;
  116. font-size: 24rpx;
  117. }
  118. .inputs .li input{
  119. width: 100%;
  120. }
  121. .jiang{
  122. border: 1px solid #f1f1f1;
  123. border-radius: 4rpx;
  124. width: 40rpx;
  125. text-align: center
  126. }
  127. .picker-box{
  128. width: 110rpx;
  129. border-radius: 50rpx;
  130. background-color: #f1f1f1;
  131. position: relative;
  132. height: 60rpx;
  133. }
  134. .picker-box text{
  135. text-align: center;
  136. line-height: 60rpx;
  137. font-size: 24rpx;
  138. }
  139. .yuan{
  140. width: 50rpx;
  141. height: 50rpx;
  142. background: #26A2FF;
  143. border-radius: 100rpx;
  144. position: absolute;
  145. top: 5rpx;
  146. }
  147. .picker-left{
  148. left: 5rpx;
  149. }
  150. .picker-right{
  151. right: 5rpx;
  152. }
  153. .userList{
  154. height: 40rpx;
  155. font-size: 32rpx;
  156. }
  157. .van-radio {
  158. position: relative;
  159. display: inline-block;
  160. text-align: center;
  161. width: 1.28rem;
  162. height: .48rem;
  163. background: #f5f7fa;
  164. border-radius: .28rem;
  165. color: #222;
  166. line-height: 0.48rem;
  167. font-size: 0.24rem;
  168. margin-left: 20rpx;
  169. }
  170. .isTypes{
  171. background: #26A2FF;
  172. color: #fff
  173. }