微信小程序
Nie możesz wybrać więcej, niż 25 tematów Tematy muszą się zaczynać od litery lub cyfry, mogą zawierać myślniki ('-') i mogą mieć do 35 znaków.

212 wiersze
3.5 KiB

  1. /* pages/apply/index.wxss */
  2. .inComeUnit{
  3. border:1rpx solid #ddd;
  4. width:90%;
  5. margin:0 auto;
  6. }
  7. .top{
  8. display: flex;
  9. width: 94%;
  10. margin: 0 auto;
  11. background-color: #ffffff;
  12. border-radius: 10rpx;
  13. margin-top: 3vw;
  14. overflow: hidden;
  15. }
  16. .top view{
  17. padding: 40rpx 15rpx;
  18. align-items: center;
  19. justify-content: center;
  20. position: relative;
  21. }
  22. .top image{
  23. position: absolute;
  24. width: 94%;
  25. }
  26. .top-title{
  27. flex: 1;
  28. text-align: center;
  29. }
  30. .top-tit{
  31. color: #fff;
  32. }
  33. .rules:before{
  34. content:'*';
  35. color:red;
  36. }
  37. .rules.no::before{
  38. content:' ';
  39. padding-left: 14rpx;
  40. color:'#fff';
  41. }
  42. main-title{
  43. background-image: linear-gradient(to right, #2C8E68 , #B3DB62);
  44. color: #ffffff;
  45. font-size: 18rpx;
  46. padding: 10rpx 0;
  47. text-align: center;
  48. }
  49. .main-box{
  50. background: #ffffff;
  51. padding: 20rpx 20rpx 10rpx;
  52. width: 94%;
  53. margin: 0 auto;
  54. border-radius: 10rpx;
  55. box-shadow: 0px 5rpx 5rpx rgba(0, 0, 0, 0.16);
  56. }
  57. .main-box block{
  58. float: right;
  59. }
  60. .main-box .color-gray{
  61. color: #888;
  62. }
  63. .title{
  64. padding: 10rpx calc(3% + 20px);
  65. color : #07c160;
  66. margin-top:30rpx;
  67. font-size:30rpx;
  68. }
  69. .table-box view{
  70. }
  71. .table-box text{
  72. /* line-height: 55rpx; */
  73. }
  74. .table-box .flex-block{
  75. line-height: 55rpx;
  76. margin-bottom: 5rpx;
  77. display: flex;
  78. justify-content: space-between;
  79. }
  80. .table-box .rules{
  81. width: 200rpx;
  82. }
  83. .table-box .picker_wrap{
  84. /* display: flex;
  85. justify-content: flex-end;
  86. align-items: center; */
  87. }
  88. .table-box .picker{text-align: right;}
  89. .table-box .wrap{flex:1; text-align: right;}
  90. .fjLable{
  91. display: flex;
  92. width:24px;
  93. margin:25rpx 5rpx;
  94. color:#fff;
  95. background:#07c160;
  96. text-align: center;
  97. border-radius: 10rpx;
  98. justify-content: center; /* 相对父元素水平居中 */
  99. align-items: center;
  100. padding:25rpx 0;
  101. }
  102. .content {
  103. width: 100%;
  104. background-color: #fff;
  105. }
  106. .img-list {
  107. display: flex;
  108. display: -webkit-flex;
  109. flex-direction: row;
  110. justify-content: flex-start;
  111. align-items: center;
  112. flex-wrap: wrap;
  113. }
  114. .img-item {
  115. width: 30%;
  116. text-align: left;
  117. margin-right: 3%;
  118. margin-bottom: 10rpx;
  119. position: relative;
  120. }
  121. .img-item .close-ico{
  122. position: absolute;
  123. right: -10rpx;
  124. top: -10rpx;
  125. }
  126. .img-item .imagea {
  127. width: 160rpx;
  128. height: 160rpx;
  129. }
  130. .submit-btn {
  131. width: 100%;
  132. background-color: #fff;
  133. height: 80rpx;
  134. text-align: center;
  135. line-height: 80rpx;
  136. font-size: 30rpx;
  137. position: fixed;
  138. bottom: 100rpx;
  139. }
  140. .chooseimg {
  141. height: 160rpx;
  142. background-color: #fff;
  143. display: flex;
  144. justify-content: center; /* 相对父元素水平居中 */
  145. align-items: center;
  146. }
  147. .weui-uploader__input-box {
  148. float: left;
  149. position: relative;
  150. /* margin-right: 9rpx;
  151. margin-bottom: 9rpx; */
  152. width: 120rpx;
  153. height: 120rpx;
  154. border: 1px solid #d9d9d9;
  155. }
  156. .weui-uploader__input-box:before {
  157. width: 2px;
  158. height: 39.5px;
  159. }
  160. .weui-uploader__input-box:after, .weui-uploader__input-box:before {
  161. content: " ";
  162. position: absolute;
  163. top: 50%;
  164. left: 50%;
  165. -webkit-transform: translate(-50%, -50%);
  166. transform: translate(-50%, -50%);
  167. background-color: #d9d9d9;
  168. }
  169. .weui-uploader__input-box:after {
  170. width: 39.5px;
  171. height: 2px;
  172. }
  173. .weui-uploader__input-box:after, .weui-uploader__input-box:before {
  174. content: " ";
  175. position: absolute;
  176. top: 50%;
  177. left: 50%;
  178. -webkit-transform: translate(-50%, -50%);
  179. transform: translate(-50%, -50%);
  180. background-color: #d9d9d9;
  181. }
  182. .tips {
  183. color: #666;
  184. font-size: 24rpx;
  185. padding-bottom: 20rpx;
  186. }
  187. .img-box {
  188. width: 92%;
  189. margin: auto;
  190. padding-top: 20rpx;
  191. }
  192. .btn button{
  193. line-height: 1.7;
  194. padding-left:80rpx;
  195. padding-right:80rpx;
  196. border-radius: 30rpx;
  197. }