apply.scss 3.7 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198
  1. /* #ifndef APP-NVUE */
  2. view {
  3. display: flex;
  4. box-sizing: border-box;
  5. flex-direction: column;
  6. }
  7. page {
  8. background-color: #f5f7fa;
  9. }
  10. .details-wrap{
  11. // padding: 32rpx;
  12. // background: #fff;
  13. max-height: 50%;
  14. width: 375px;
  15. display: block;
  16. overflow: hidden;
  17. overflow-x: scroll;
  18. .details-line{
  19. // display: flex;
  20. // flex-direction: row;
  21. display: block;
  22. line-height: 80rpx;
  23. height: 80rpx;
  24. .item{
  25. display: inline-block;
  26. width: 170rpx;
  27. overflow: hidden;
  28. text-overflow: ellipsis;
  29. white-space: nowrap;
  30. width: 222rpx;
  31. line-height: 80rpx;
  32. font-size: 28rpx;
  33. text-align: center;
  34. }
  35. }
  36. .details-title{
  37. span{
  38. font-weight: bold;
  39. }
  40. }
  41. .details-line:nth-child(odd){
  42. background-color: #f2f2f2;
  43. }
  44. .details-line:nth-child(even){
  45. background-color: #fff;
  46. }
  47. }
  48. /* #endif*/
  49. .apply-credit{
  50. /* #ifndef APP-NVUE */
  51. display: flex;
  52. width: 750rpx;
  53. min-height: 100vh;
  54. /* #endif */
  55. flex-direction: column;
  56. flex: 1;
  57. background-color: #f5f7fa;
  58. padding-bottom: 160rpx;
  59. .title{
  60. line-height: 104rpx;
  61. font-size: 28rpx;
  62. color: #222;
  63. padding: 0 32rpx;
  64. font-weight: bold;
  65. }
  66. .form-wrap{
  67. padding: 32rpx;
  68. background-color: #fff;
  69. .picker-title{
  70. display: flex;
  71. padding: 0 32rpx;
  72. line-height: 84rpx;
  73. justify-content: space-between;
  74. .confirm{
  75. color: #0052d9;
  76. }
  77. }
  78. .picker-wrap{
  79. height: 440rpx;
  80. .picker-view{
  81. height: 100%;
  82. .item{
  83. display: flex;
  84. justify-content: space-between;
  85. height: 88rpx;
  86. line-height: 88rpx;
  87. padding: 0 32rpx;
  88. .text{
  89. width: 33%;
  90. }
  91. .text1{
  92. width: 33%;
  93. text-align: center;
  94. }
  95. .text2{
  96. width: 33%;
  97. text-align: right;
  98. }
  99. }
  100. .btn-item{
  101. display: flex;
  102. justify-content: center;
  103. height: 88rpx;
  104. line-height: 88rpx;
  105. padding: 0 32rpx;
  106. align-items: center;
  107. .add-vehicle{
  108. line-height: 64rpx;
  109. height: 64rpx;
  110. background:#0052d9;
  111. width: 25%;
  112. font-size: 28rpx;
  113. }
  114. }
  115. }
  116. }
  117. .form-wrap{
  118. height: 444rpx;
  119. padding: 0 32rpx;
  120. }
  121. }
  122. .flow-wrap{
  123. padding: 32rpx;
  124. background-color: #fff;
  125. .time{
  126. position: absolute;
  127. top: 0;
  128. right: 0;
  129. line-height: 30px;
  130. color: #666;
  131. font-size: 28rpx;
  132. }
  133. }
  134. .details-wrap{
  135. // padding: 32rpx;
  136. background: #f5f7fa;
  137. max-height: 50%;
  138. width: 375px;
  139. display: block;
  140. overflow: hidden;
  141. overflow-x: scroll;
  142. .details-line{
  143. // display: flex;
  144. // flex-direction: row;
  145. line-height: 80rpx;
  146. margin: 10rpx 0;
  147. height: 80rpx;
  148. span{
  149. display: inline-block;
  150. // width: 170rpx;
  151. padding: 0 12rpx;
  152. width: 198rpx;
  153. line-height: 80rpx;
  154. font-size: 28rpx;
  155. text-align: center;
  156. }
  157. }
  158. .details-title{
  159. span{
  160. font-weight: bold;
  161. }
  162. }
  163. .details-line:nth-child(odd){
  164. background-color: #f2f2f2;
  165. }
  166. .details-line:nth-child(even){
  167. background-color: #fff;
  168. }
  169. }
  170. .btn-wrap{
  171. position: fixed;
  172. bottom: 0;
  173. padding: 32rpx;
  174. width: 100%;
  175. z-index: 200;
  176. background-color: #fff;
  177. }
  178. }
  179. button {
  180. line-height: 80rpx;
  181. margin:0;
  182. }
  183. uni-button:after{
  184. border: none;
  185. }
  186. uni-input{
  187. height: 72rpx;
  188. padding: 0 10rpx 0 20rpx;
  189. }
  190. .uni-forms-item__inner{
  191. padding: 20rpx 0;
  192. }
  193. /deep/ .u-button--primary{
  194. background-color: #0052d9;
  195. border-color: #0052d9;
  196. }