addForm.css 4.4 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230
  1. page{
  2. background-color: #fff;
  3. }
  4. .form{
  5. padding: 30rpx;
  6. }
  7. .form-title{
  8. line-height: 50rpx;
  9. font-size: 36rpx;
  10. font-family: PingFang SC-Bold, PingFang SC;
  11. font-weight: bold;
  12. color: #333333;
  13. }
  14. .form-item-title{
  15. line-height: 45rpx;
  16. font-size: 32rpx;
  17. font-family: PingFang SC-Medium, PingFang SC;
  18. font-weight: 500;
  19. color: #333333;
  20. margin-top: 32rpx;
  21. }
  22. .form-border{
  23. height: 20rpx;
  24. background: #F8F8F8;
  25. border-radius: 0rpx 0rpx 0rpx 0rpx;
  26. opacity: 1;
  27. }
  28. .form-input-box{
  29. padding: 30rpx 0;
  30. border-bottom: 2rpx solid #DEDEDE;
  31. line-height: 45rpx;
  32. font-size: 32rpx;
  33. }
  34. .form-input-box input{
  35. font-size: 32rpx;
  36. }
  37. .form-input-placeholder{
  38. color: #CCCCCC;
  39. font-size: 32rpx;
  40. }
  41. .p-form{
  42. padding:40rpx;
  43. }
  44. .p-form-item{
  45. margin-bottom: 40rpx;
  46. }
  47. .p-label{
  48. line-height: 45rpx;
  49. font-size: 32rpx;
  50. font-family: PingFang SC-Semibold, PingFang SC;
  51. font-weight: 500;
  52. color: #333333;
  53. margin-top: 20rpx;
  54. margin-bottom: 20rpx;
  55. }
  56. .p-input{
  57. background: #F8F8F8;
  58. border-radius: 8rpx;
  59. padding: 24rpx;
  60. opacity: 1;
  61. font-size: 26rpx;
  62. }
  63. .p-placeholder{
  64. font-size: 26rpx;
  65. color: #999999;
  66. }
  67. .p-select{
  68. line-height: 47rpx;
  69. font-size: 32rpx;
  70. font-family: Source Han Sans CN-Regular, Source Han Sans CN;
  71. font-weight: 400;
  72. color: #999999;
  73. }
  74. .p-select-item{
  75. margin-right: 70rpx;
  76. }
  77. .p-select-item:last-child{
  78. margin-right: 0;
  79. }
  80. .p-select-item image{
  81. width: 30rpx;
  82. height: 30rpx;
  83. margin-right: 12rpx;
  84. }
  85. .p-select-group{
  86. }
  87. .p-select-group-item{
  88. line-height: 70rpx;
  89. font-size: 28rpx;
  90. font-family: PingFang SC-Regular, PingFang SC;
  91. font-weight: 400;
  92. color: #333333;
  93. background: #F3F5F7;
  94. border-radius: 35rpx 35rpx 35rpx 35rpx;
  95. padding: 0 30rpx;
  96. margin-right: 20rpx;
  97. }
  98. .p-select-group-item-active{
  99. background-color: var(--main);
  100. color: #fff;
  101. }
  102. .upload-photo{
  103. width: 120rpx;
  104. height: 120rpx;
  105. background: #F8F8F8;
  106. border-radius: 10rpx 10rpx 10rpx 10rpx;
  107. opacity: 1;
  108. margin-bottom: 20rpx;
  109. }
  110. .upload-photo image{
  111. width: 46rpx;
  112. height: 35rpx;
  113. margin: auto;
  114. }
  115. .upload-photo-image{
  116. width: 120rpx;
  117. height: 120rpx;
  118. border-radius: 10rpx 10rpx 10rpx 10rpx;
  119. opacity: 1;
  120. margin-right: 20rpx;
  121. position: relative;
  122. margin-bottom: 20rpx;
  123. }
  124. .upload-photo-image:nth-child(5n){
  125. margin-right: 0rpx;
  126. }
  127. .upload-photo-image image{
  128. width: 120rpx;
  129. height: 120rpx;
  130. border-radius: 10rpx 10rpx 10rpx 10rpx;
  131. }
  132. .upload-photo-close{
  133. width: 28rpx !important;
  134. height: 28rpx !important;
  135. position: absolute;
  136. top:-14rpx;
  137. right: -14rpx;
  138. }
  139. .add-btn{
  140. width: 30rpx;
  141. height: 30rpx;
  142. margin: auto;
  143. border-radius: 100%;
  144. background-color: var(--main);
  145. padding: 20rpx;
  146. }
  147. .add-btn image{
  148. width: 100%;
  149. height:100%;
  150. }
  151. .next-btn{
  152. position: fixed;
  153. bottom: 30rpx;
  154. left: 0;
  155. right: 0;
  156. height: 88rpx;
  157. line-height: 88rpx;
  158. background: #27D699;
  159. border-radius: 44rpx 44rpx 44rpx 44rpx;
  160. font-size: 36rpx;
  161. font-family: PingFang SC-Regular, PingFang SC;
  162. font-weight: 400;
  163. color: #FFFFFF;
  164. text-align: center;
  165. margin: 30rpx 30rpx 30rpx;
  166. }
  167. .more{
  168. float: right;
  169. }
  170. .more image{
  171. width: 14rpx;
  172. height: 22rpx;
  173. margin-left: 10rpx;
  174. }
  175. .option-input{
  176. border: 2rpx solid #eeeeee;
  177. font-size: 26rpx;
  178. padding: 10rpx 20rpx;
  179. margin-top: 20rpx;
  180. border-radius: 4rpx;
  181. }
  182. .option-input input{
  183. color: #333;
  184. font-size: 26rpx;
  185. }
  186. .option-input-placeholder{
  187. font-size: 26rpx;
  188. }
  189. .option-input-delete{
  190. border: 2rpx solid red;
  191. background-color: red;
  192. color: #fff;
  193. font-size: 24rpx;
  194. padding: 0rpx 10rpx;
  195. /* margin-top: 20rpx; */
  196. border-radius: 6rpx;
  197. }
  198. .add-option-btn{
  199. background-color: var(--main);
  200. width: 180rpx;
  201. height: 60rpx;
  202. line-height: 60rpx;
  203. color: #fff;
  204. font-size: 26rpx;
  205. text-align: center;
  206. margin: auto;
  207. border-radius: 100rpx;
  208. margin-top: 20rpx;
  209. }
  210. /* 核销弹窗 */
  211. .ceng{position: fixed;top: 0;left: 0;right: 0;bottom: 0;background-color: rgba(0,0,0,.5);z-index: 99;}
  212. .hx-pop{position: fixed;left: 0;right: 0;bottom: 0;background-color: #fff;border-radius: 32rpx 32rpx 0 0;z-index: 100;transition: all .3s ease;}
  213. .pop-tit{font-size: 36rpx;color: #333;text-align: center;padding: 40rpx 0 0;font-weight: bold;}
  214. .pop-list{margin-top: 10rpx;padding: 10rpx 44rpx 48rpx;overflow-y: scroll;max-height: 600rpx;}
  215. ::-webkit-scrollbar{
  216. display: none;
  217. background-color: transparent;
  218. }
  219. .pop-list .li{height: 130rpx;background-color: #fff;border-radius: 10rpx;padding: 0 39rpx 0 49rpx;font-size: 30rpx;color: #333;margin-top: 30rpx;}
  220. .li-ico{width: 48rpx;height: 48rpx;margin-right: 17rpx;}
  221. .pop-cancel{font-size: 36rpx;color: #666;padding: 42rpx 0 52rpx;text-align: center;background-color: #fff;}