productLink.css 3.2 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176
  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 image{
  80. width: 120rpx;
  81. height: 120rpx;
  82. border-radius: 10rpx 10rpx 10rpx 10rpx;
  83. }
  84. .upload-photo-close{
  85. width: 28rpx !important;
  86. height: 28rpx !important;
  87. position: absolute;
  88. top:-14rpx;
  89. right: -14rpx;
  90. }
  91. .form-border{
  92. height: 20rpx;
  93. background: #F8F8F8;
  94. border-radius: 0rpx 0rpx 0rpx 0rpx;
  95. opacity: 1;
  96. }
  97. .form-input-box{
  98. padding: 30rpx 0;
  99. border-bottom: 2rpx solid #DEDEDE;
  100. line-height: 45rpx;
  101. font-size: 32rpx;
  102. }
  103. .form-input-placeholder{
  104. color: #CCCCCC;
  105. }
  106. .more{
  107. float: right;
  108. }
  109. .more image{
  110. width: 14rpx;
  111. height: 22rpx;
  112. margin-left: 10rpx;
  113. }
  114. .next-btn{
  115. position: fixed;
  116. left: 0;
  117. right: 0;
  118. bottom: 0;
  119. height: 88rpx;
  120. line-height: 88rpx;
  121. background: #27D699;
  122. border-radius: 44rpx 44rpx 44rpx 44rpx;
  123. font-size: 36rpx;
  124. font-family: PingFang SC-Regular, PingFang SC;
  125. font-weight: 400;
  126. color: #FFFFFF;
  127. text-align: center;
  128. margin: 150rpx 30rpx 30rpx;
  129. }
  130. .form-number-select{
  131. margin-top: 30rpx;
  132. }
  133. .form-number-select view:first-child,.form-number-select view:last-child{
  134. width: 80rpx;
  135. height: 67rpx;
  136. line-height: 67rpx;
  137. background: #F8F8F8;
  138. border-radius: 4rpx 4rpx 4rpx 4rpx;
  139. opacity: 1;
  140. text-align: center;
  141. color: #B3B3B3;
  142. font-size: 40rpx;
  143. }
  144. .form-number-select input{
  145. width: 112rpx;
  146. height: 63rpx;
  147. background: #FFFFFF;
  148. border-radius: 4rpx 4rpx 4rpx 4rpx;
  149. opacity: 1;
  150. border: 2rpx solid #DEDEDE;
  151. margin: 0 20rpx;
  152. text-align: center;
  153. }
  154. .form-date-select{
  155. background: #F8F8F8;
  156. border-radius: 5rpx 5rpx 5rpx 5rpx;
  157. text-align: center;
  158. line-height: 76rpx;
  159. height: 76rpx;
  160. color: #CCCCCC;
  161. font-size: 32rpx;
  162. }
  163. .clear-btn{
  164. width: 104rpx;
  165. line-height: 56rpx;
  166. background: #FFFFFF;
  167. border-radius: 28rpx 28rpx 28rpx 28rpx;
  168. opacity: 1;
  169. border: 1rpx solid #707070;
  170. text-align: center;
  171. font-size: 24rpx;
  172. font-family: PingFang SC-Regular, PingFang SC;
  173. font-weight: 400;
  174. color: #333333;
  175. margin-left: 10rpx;
  176. }