微信小程序
您最多选择25个主题 主题必须以字母或数字开头,可以包含连字符 (-),并且长度不得超过35个字符

177 行
2.9 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. main-title{
  38. background-image: linear-gradient(to right, #2C8E68 , #B3DB62);
  39. color: #ffffff;
  40. font-size: 18rpx;
  41. padding: 10rpx 0;
  42. text-align: center;
  43. }
  44. .main-box{
  45. background: #ffffff;
  46. padding: 20rpx;
  47. width: 94%;
  48. margin: 0 auto;
  49. border-radius: 10rpx;
  50. box-shadow: 0px 5rpx 5rpx rgba(0, 0, 0, 0.16);
  51. }
  52. .main-box block{
  53. float: right;
  54. }
  55. .title{
  56. padding: 10rpx calc(3% + 20px);
  57. color : #07c160;
  58. margin-top:30rpx;
  59. font-size:30rpx;
  60. }
  61. .table-box view{
  62. display: flex;
  63. justify-content: space-between;
  64. }
  65. .table-box text{
  66. line-height: 55rpx;
  67. }
  68. .fjLable{
  69. display: inline-block;
  70. width:24px;
  71. margin:30rpx 5rpx;
  72. color:#fff;
  73. background:#07c160;
  74. border-radius: 10rpx;
  75. text-align: center;
  76. line-height: 40rpx!important;
  77. padding:25rpx 0;
  78. }
  79. .content {
  80. width: 100%;
  81. background-color: #fff;
  82. }
  83. .img-list {
  84. display: flex;
  85. display: -webkit-flex;
  86. flex-direction: row;
  87. justify-content: flex-start;
  88. align-items: center;
  89. flex-wrap: wrap;
  90. }
  91. .img-item {
  92. width: 30%;
  93. text-align: left;
  94. margin-right: 20rpx;
  95. margin-bottom: 10rpx;
  96. }
  97. .img-item image {
  98. width: 180rpx;
  99. height: 180rpx;
  100. }
  101. .submit-btn {
  102. width: 100%;
  103. background-color: #fff;
  104. height: 80rpx;
  105. text-align: center;
  106. line-height: 80rpx;
  107. font-size: 30rpx;
  108. position: fixed;
  109. bottom: 100rpx;
  110. }
  111. .chooseimg {
  112. background-color: #fff;
  113. }
  114. .weui-uploader__input-box {
  115. float: left;
  116. position: relative;
  117. margin-right: 9rpx;
  118. margin-bottom: 9rpx;
  119. width: 120rpx;
  120. height: 120rpx;
  121. border: 1px solid #d9d9d9;
  122. }
  123. .weui-uploader__input-box:before {
  124. width: 2px;
  125. height: 39.5px;
  126. }
  127. .weui-uploader__input-box:after, .weui-uploader__input-box:before {
  128. content: " ";
  129. position: absolute;
  130. top: 50%;
  131. left: 50%;
  132. -webkit-transform: translate(-50%, -50%);
  133. transform: translate(-50%, -50%);
  134. background-color: #d9d9d9;
  135. }
  136. .weui-uploader__input-box:after {
  137. width: 39.5px;
  138. height: 2px;
  139. }
  140. .weui-uploader__input-box:after, .weui-uploader__input-box:before {
  141. content: " ";
  142. position: absolute;
  143. top: 50%;
  144. left: 50%;
  145. -webkit-transform: translate(-50%, -50%);
  146. transform: translate(-50%, -50%);
  147. background-color: #d9d9d9;
  148. }
  149. .tips {
  150. color: #666;
  151. font-size: 24rpx;
  152. padding-bottom: 20rpx;
  153. }
  154. .img-box {
  155. width: 92%;
  156. margin: auto;
  157. padding-top: 20rpx;
  158. }
  159. .btn button{
  160. line-height: 1.7;
  161. padding-left:80rpx;
  162. padding-right:80rpx;
  163. border-radius: 30rpx;
  164. }