微信小程序
25'ten fazla konu seçemezsiniz Konular bir harf veya rakamla başlamalı, kısa çizgiler ('-') içerebilir ve en fazla 35 karakter uzunluğunda olabilir.

179 satır
3.1 KiB

  1. /* pages/apply/index.wxss */
  2. .top{
  3. display: flex;
  4. width: 94%;
  5. margin: 0 auto;
  6. background-color: #ffffff;
  7. border-radius: 10px;
  8. margin-top: 3vw;
  9. overflow: hidden;
  10. }
  11. .top view{
  12. padding: 18px 15px;
  13. align-items: center;
  14. justify-content: center;
  15. position: relative;
  16. }
  17. .top image{
  18. position: absolute;
  19. width: 94%;
  20. }
  21. .top-title{
  22. flex: 1;
  23. text-align: center;
  24. }
  25. .top-tit{
  26. color: #fff;
  27. }
  28. .main{
  29. width: 100%;
  30. margin: 0 auto;
  31. margin-top: 3vw;
  32. }
  33. .van-tabs__nav {
  34. background-color: #F4F4F4;
  35. }
  36. .bank_content{
  37. color: #fff;
  38. width: 100%;
  39. padding: 2vh;
  40. }
  41. .XJ{
  42. background:url('https://www.nongshen.net/static/wechat/bg_XJ.png') no-repeat center;
  43. background-size: 105% 105%;
  44. }
  45. .ICBC{
  46. background:url('https://www.nongshen.net/static/wechat/bg_ICBC.png') no-repeat center;
  47. background-size: 105% 105%;
  48. }
  49. .ABC{
  50. background:url('https://www.nongshen.net/static/wechat/bg_ABC.png') no-repeat center;
  51. background-size: 105% 105%;
  52. }
  53. .CCB{
  54. background:url('https://www.nongshen.net/static/wechat/bg_CCB.png') no-repeat center;
  55. background-size: 105% 105%;
  56. }
  57. .RCB{
  58. background:url('https://www.nongshen.net/static/wechat/bg_RCB.png') no-repeat center;
  59. background-size: 105% 105%;
  60. }
  61. .gwk{
  62. background:url('https://www.nongshen.net/static/wechat/bg_GWK.png') no-repeat center;
  63. background-size: 105% 105%;
  64. }
  65. .addBtn{
  66. display: flex;
  67. align-items: center;
  68. justify-content: center;
  69. border: 1px dashed #5CAE77;
  70. background: rgba(92, 174, 119, 0.1);
  71. width: 94%;
  72. padding: 10px 0;
  73. border-radius: 10px;
  74. margin: 0 auto;
  75. }
  76. .addBtn text{
  77. color: #2C8E68;
  78. margin-left: 10px;
  79. }
  80. .addBtn image{
  81. width: 22.09px;
  82. height: 22.09px;
  83. }
  84. .bankName{
  85. margin-top: 0!important;
  86. }
  87. .bankName image{
  88. vertical-align: middle;
  89. margin-right: 5px;
  90. }
  91. .bankName text{
  92. margin: 0!important;
  93. display: inline-block;
  94. }
  95. .bank_content view{
  96. margin-top: 1vh;
  97. }
  98. .bank_content view text{
  99. font-size: 14px;
  100. margin-left: 10vw;
  101. }
  102. .bank_box:first-child{
  103. margin-top: 20px;
  104. }
  105. .bank_box{
  106. position: relative;
  107. box-shadow: 0px 5px 9px #ccc;
  108. overflow: hidden;
  109. border-radius: 15px;
  110. width: 94%;
  111. margin: 0 auto;
  112. margin-bottom: 20px;
  113. }
  114. .zt {
  115. position: absolute;
  116. top: 10px;
  117. transform: rotate(45deg);
  118. right: 0px;
  119. color: #FFF;
  120. z-index: 10;
  121. }
  122. .holder{
  123. padding: 10px 25px ;
  124. background-color: rgba(255,255,255,0.6);
  125. color: #333333;
  126. font-size: 16px;
  127. border-top-left-radius: 30px;
  128. border-bottom-left-radius: 30px;
  129. position:absolute;
  130. top: 2vh;
  131. right:0;
  132. }
  133. .bottom{
  134. width: 84%;
  135. margin: 0 auto;
  136. text-align: center;
  137. margin-top: 30px;
  138. margin-bottom: 30px;
  139. display: flex;
  140. }
  141. .bottom view {
  142. width: 47%;
  143. margin: 0 auto;
  144. border-radius: 30px;
  145. display: inline-block;
  146. }
  147. .bottom .btn1{
  148. border: 1px solid #2C8E68;
  149. padding: 8px 0px;
  150. color: #2C8E68;
  151. }
  152. .bottom .btn2{
  153. border: 1px solid transparent;
  154. padding: 8px 0px;
  155. background-image: linear-gradient(to right, #2C8E68, #5CAE77);
  156. margin-left: 6%;
  157. color: #fff;
  158. }
  159. .deleteBox{
  160. width: 130px;
  161. text-align: center;
  162. height: 100%;
  163. background: #F6F6F6;
  164. align-items: center;
  165. display: flex;
  166. }
  167. .van-action-sheet__header {
  168. background: #f2f2f2;
  169. color: #2C8E68;
  170. }