Brak opisu

register.html 4.6KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134
  1. <!DOCTYPE html>
  2. <html>
  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.0, maximum-scale=1.0,minimum-scale=1.0,user-scalable=0" />
  7. <title>上饶市易效科技有限公司</title>
  8. <link rel="stylesheet" type="text/css" href="../common/reset.css"/>
  9. <link rel="stylesheet" type="text/css" href="css/register.css?v=1"/>
  10. <script type="text/javascript" src="../common/jquery-2.1.0.js"></script>
  11. <script type="text/javascript">
  12. document.documentElement.style.fontSize = 100 * (document.documentElement.clientWidth/375) + "px";
  13. window.onresize = function(){
  14. document.documentElement.style.fontSize = 100 * (document.documentElement.clientWidth/375) + "px";
  15. }
  16. </script>
  17. </head>
  18. <body>
  19. <div id="container">
  20. <img class="banner" src="img/banner.png"/>
  21. <!--content01-->
  22. <div class="priceInfoDiv">
  23. <div class="priceInfo">
  24. <div>
  25. <span>借款金额(元)</span>
  26. <span>2000</span>
  27. </div>
  28. <div>
  29. <span>借款期限(月)</span>
  30. <span>24</span>
  31. </div>
  32. <div>
  33. <span>每月利息(元)</span>
  34. <span>18</span>
  35. </div>
  36. </div>
  37. <div class="progress">
  38. <img src="img/progress.png" />
  39. <div class="circle"></div>
  40. <div class="progressPrice"><span>¥500</span><span>¥2000</span></div>
  41. </div>
  42. <div class="progress">
  43. <img src="img/progress.png" />
  44. <div class="circle"></div>
  45. <div class="progressPrice"><span>7天</span><span>24个月</span></div>
  46. </div>
  47. </div>
  48. <!--content02 input-->
  49. <div class="priceInfoDiv phoneInputDiv">
  50. <div class="phone">
  51. <input type="tel" placeholder="请输入手机号" id="phone"/>
  52. </div>
  53. <div class="phone">
  54. <input type="text" placeholder="请输入手机验证码" id="phoneYzm"/>
  55. <button class="yzmButton" onclick="getYzmEvent()" id="getYzm">发送验证码</button>
  56. </div>
  57. <div class="getLimitButton" onclick="loginEvent()">免费领额度</div>
  58. <p class="hint">点击“免费领额度”按钮即同意《注册协议》</p>
  59. </div>
  60. <!--content03 小花猪优势-->
  61. <div class="priceInfoDiv advantageTitleDiv">
  62. <div class="advantageTitle">
  63. <img src="img/advantageTitle.png" />
  64. </div>
  65. <ul>
  66. <li><img src="img/advantageOne.png" /></li>
  67. <li><img src="img/advantageTwo.png" /></li>
  68. <li><img src="img/advantageThree.png" /></li>
  69. <li><img src="img/advantageFour.png" /></li>
  70. </ul>
  71. </div>
  72. <!--案例分析-->
  73. <div class="priceInfoDiv caseAnalyzeDiv">
  74. <div class="caseAnalyzeTitle">
  75. <img src="img/caseAnalyze.png" />
  76. </div>
  77. <p class="hint">1000额度,分12期还</p>
  78. <ul>
  79. <li>
  80. <img src="img/userOne.png"/>
  81. <img src="img/userOneInfo.png"/>
  82. </li>
  83. <li>
  84. vs
  85. </li>
  86. <li>
  87. <img src="img/userTwo.png"/>
  88. <img src="img/userTwoInfo.png"/>
  89. </li>
  90. </ul>
  91. </div>
  92. <!--放款机构-->
  93. <div class="priceInfoDiv loanOrganizationDiv">
  94. <div class="loanOrganizationTitle">
  95. <img src="img/loanOrganization.png" />
  96. </div>
  97. <ul>
  98. <li><img src="img/logo1.png"/><span>提前花</span></li>
  99. <li><img src="img/logo2.png"/><span>百度有钱花</span></li>
  100. </ul>
  101. </div>
  102. <!--落款-->
  103. <div class="lastInscribe">
  104. <p>上饶市易效科技有限公司</p>
  105. <p>资金来源于银行等正规持牌放贷机构借款成功与否因人而异</p>
  106. <p>投资有风险,贷款额度由个人情况而定</p>
  107. <p style="margin: auto;margin-top: .1rem;max-width: 80%">本平台不向在校大学生提供贷款服务,实际利率以放款发为准,本平台仅提供意向撮合服务。</p>
  108. </div>
  109. <!--图片验证码-->
  110. <div id="mask">
  111. <div id="picCode">
  112. <div class="modal-inner"> <img onclick="getChangeCodeImg()"> <input type="text" name="验证码" id="imgYzm" placeholder="请输入图片验证码"> </div>
  113. <div class="modal-buttons">
  114. <span class="modal-button JS_code_cancel" onclick="closePanel()">取消</span>
  115. <span class="modal-button modal-button-bold" onclick="goResPanel()">确定</span>
  116. </div>
  117. </div>
  118. </div>
  119. <!--下载app拿钱弹框-->
  120. <div id="maskMoney">
  121. <div class="con_money">
  122. <button id="goApp" onclick="goAppEvent()"></button>
  123. </div>
  124. </div>
  125. <!--提示弹框-->
  126. <div class="alert-info" style="display: none;">
  127. <!-- tip提示,2s后消失 -->
  128. <p></p>
  129. </div>
  130. </div>
  131. </body>
  132. </html>
  133. <script type="text/javascript" src="js/register.js?v=7"></script>