activityEdit.css 3.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166
  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. .upload-pic{
  23. width: 690rpx;
  24. height: 400rpx;
  25. background: #F8F8F8;
  26. border-radius: 10rpx 10rpx 10rpx 10rpx;
  27. opacity: 1;
  28. margin:30rpx auto 0;
  29. text-align: center;
  30. line-height: 45rpx;
  31. font-size: 32rpx;
  32. font-family: PingFang SC-Regular, PingFang SC;
  33. font-weight: 400;
  34. color: #999999;
  35. flex-direction: column;
  36. justify-content: center;
  37. }
  38. .upload-pic image{
  39. width: 59rpx;
  40. height: 62rpx;
  41. }
  42. .upload-image{
  43. width: 690rpx;
  44. height: 400rpx;
  45. border-radius: 10rpx 10rpx 10rpx 10rpx;
  46. opacity: 1;
  47. margin:30rpx auto 0;
  48. }
  49. .form-limit{
  50. line-height: 33rpx;
  51. font-size: 24rpx;
  52. font-family: PingFang SC-Regular, PingFang SC;
  53. font-weight: 400;
  54. color: #999999;
  55. margin-top: 20rpx;
  56. }
  57. .upload-photo{
  58. width: 120rpx;
  59. height: 120rpx;
  60. background: #F8F8F8;
  61. border-radius: 10rpx 10rpx 10rpx 10rpx;
  62. opacity: 1;
  63. margin-bottom: 20rpx;
  64. }
  65. .upload-photo image{
  66. width: 46rpx;
  67. height: 35rpx;
  68. margin: auto;
  69. }
  70. .upload-photo-image{
  71. width: 120rpx;
  72. height: 120rpx;
  73. border-radius: 10rpx 10rpx 10rpx 10rpx;
  74. opacity: 1;
  75. margin-right: 20rpx;
  76. position: relative;
  77. margin-bottom: 20rpx;
  78. }
  79. .upload-photo-image:nth-child(5n){
  80. margin-right: 0rpx;
  81. }
  82. .upload-photo-image image{
  83. width: 120rpx;
  84. height: 120rpx;
  85. border-radius: 10rpx 10rpx 10rpx 10rpx;
  86. }
  87. .upload-photo-close{
  88. width: 28rpx !important;
  89. height: 28rpx !important;
  90. position: absolute;
  91. top:-14rpx;
  92. right: -14rpx;
  93. }
  94. .form-border{
  95. height: 20rpx;
  96. background: #F8F8F8;
  97. border-radius: 0rpx 0rpx 0rpx 0rpx;
  98. opacity: 1;
  99. }
  100. .form-input-box{
  101. padding: 30rpx 0;
  102. border-bottom: 2rpx solid #DEDEDE;
  103. line-height: 45rpx;
  104. font-size: 32rpx;
  105. }
  106. .form-input-box input{
  107. font-size: 32rpx;
  108. }
  109. .form-input-placeholder{
  110. color: #CCCCCC;
  111. font-size: 32rpx;
  112. }
  113. .more{
  114. float: right;
  115. }
  116. .more image{
  117. width: 14rpx;
  118. height: 22rpx;
  119. margin-left: 10rpx;
  120. }
  121. .next-btn{
  122. height: 88rpx;
  123. line-height: 88rpx;
  124. background: #27D699;
  125. border-radius: 44rpx 44rpx 44rpx 44rpx;
  126. font-size: 36rpx;
  127. font-family: PingFang SC-Regular, PingFang SC;
  128. font-weight: 400;
  129. color: #FFFFFF;
  130. text-align: center;
  131. margin: 150rpx auto 30rpx;
  132. }
  133. .form-number-select{
  134. margin-top: 30rpx;
  135. }
  136. .form-number-select view:first-child,.form-number-select view:last-child{
  137. width: 80rpx;
  138. height: 67rpx;
  139. line-height: 67rpx;
  140. background: #F8F8F8;
  141. border-radius: 4rpx 4rpx 4rpx 4rpx;
  142. opacity: 1;
  143. text-align: center;
  144. color: #B3B3B3;
  145. font-size: 40rpx;
  146. }
  147. .form-number-select input{
  148. width: 112rpx;
  149. height: 63rpx;
  150. background: #FFFFFF;
  151. border-radius: 4rpx 4rpx 4rpx 4rpx;
  152. opacity: 1;
  153. border: 2rpx solid #DEDEDE;
  154. margin: 0 20rpx;
  155. text-align: center;
  156. padding: 0 10rpx;
  157. }
  158. .form-date-select{
  159. background: #F8F8F8;
  160. border-radius: 5rpx 5rpx 5rpx 5rpx;
  161. text-align: center;
  162. line-height: 76rpx;
  163. height: 76rpx;
  164. color: #CCCCCC;
  165. font-size: 32rpx;
  166. }