Keine Beschreibung

index.html 3.6KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="UTF-8">
  5. <meta content="yes" name="apple-mobile-web-app-capable">
  6. <meta name="viewport" content="width=device-width,initial-scale=1, minimum-scale=1, maximum-scale=1, user-scalable=no"/>
  7. <title>贷款信息</title>
  8. <link rel="stylesheet" href="./common/reset.css">
  9. <link rel="stylesheet" href="./mui/css/mui.poppicker.css">
  10. <link rel="stylesheet" href="./mui/css/mui-picker.css">
  11. <link rel="stylesheet" href="./css/index.css?v=1.0.1102">
  12. <script>
  13. document.documentElement.style.fontSize = (document.documentElement.clientWidth / 375) * 100 + "px";
  14. window.onresize = function () {
  15. document.documentElement.style.fontSize = (document.documentElement.clientWidth / 375) * 100 + "px";
  16. }
  17. </script>
  18. </head>
  19. <body>
  20. <div class="top">
  21. <img src="./img/back1.png" alt="">
  22. <h1>贷款信息</h1>
  23. </div>
  24. <div class="header">
  25. <div class="step active">
  26. <div class="num">1</div>
  27. <span>贷款信息</span>
  28. </div>
  29. <div class="step">
  30. <div class="num">2</div>
  31. <span>资产信息</span>
  32. </div>
  33. <div class="step">
  34. <div class="num">3</div>
  35. <span>身份信息</span>
  36. </div>
  37. </div>
  38. <div class="null"></div>
  39. <div class="termList">
  40. <div class="term">
  41. <div class="left">贷款金额:</div>
  42. <div class="right">
  43. <input type="tel" placeholder="请填写1-100的数字">
  44. <span>万元</span>
  45. </div>
  46. </div>
  47. <div class="term">
  48. <div class="left">贷款期限:</div>
  49. <div class="right" id="loan_period">请选择贷款期限></div>
  50. </div>
  51. <div class="term">
  52. <div class="left">贷款用途:</div>
  53. <div class="right" id="loan_purpose">请选择贷款用途></div>
  54. </div>
  55. <div class="term">
  56. <div class="left">职业身份:</div>
  57. <div class="right" id="professional_identity">请选择职业身份></div>
  58. </div>
  59. <div class="term">
  60. <div class="left">本地社保:</div>
  61. <div class="right" id="social_security_period">请选择本地社保></div>
  62. </div>
  63. <div class="term">
  64. <div class="left">本地公积金:</div>
  65. <div class="right" id="loal_fund">请选择本地公积金></div>
  66. </div>
  67. <div class="term">
  68. <div class="left">所在城市:<span>(居住或工作的城市)</span>
  69. </div>
  70. <div class="right" id="city" style="text-align: right;overflow: scroll;">请选择所在城市></div>
  71. </div>
  72. <div class="mui-backdrop" style="display: none;"></div>
  73. <div class="notice">
  74. <img src="./img/tishi.png" alt="">
  75. 温馨提示:请填写真实信息,有助于提高放款成功率
  76. </div>
  77. <div class="button">下一步</div>
  78. </div>
  79. <div class="alert-info" style="display: none;">
  80. <!-- tip提示,3s后消失 -->
  81. <p></p>
  82. </div>
  83. <script src="./mui/js/mui.min.js"></script>
  84. <script src="./mui/js/mui.picker.js?v=1.1"></script>
  85. <script src="./mui/js/mui.poppicker.js?v=1"></script>
  86. <script src="./js/data.js?v=1.1"></script>
  87. <script src="./common/jquery-2.1.0.js"></script>
  88. <script src="./js/index.js?v=1.0.10"></script>
  89. <script>
  90. $('body').on('touchend', function(el) {
  91. if(el.target.tagName != 'INPUT') {
  92. $('input').blur()
  93. }
  94. })
  95. </script>
  96. </body>
  97. </html>