Nessuna descrizione

carLogin.html 2.4KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384
  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="./css/newLogin.css?v=1.0.2">
  10. <style>
  11. html {background: #1D3289}
  12. body {
  13. min-height: 15.49rem;
  14. background-image: url("./img/car.png?v=1.0.1");
  15. }
  16. .form {
  17. padding-top: .37rem;
  18. padding-left: .45rem;
  19. padding-right: .38rem;
  20. width: 7rem;
  21. height: 5.16rem;
  22. background: #fff;
  23. position: absolute;
  24. top: 8.76rem;
  25. left: 50%;
  26. transform: translate(-50%,0);
  27. }
  28. .paw {
  29. width: 6.17rem;
  30. padding: 0 0.38rem;
  31. box-shadow: 0 0 0.7rem rgba(51,135,226,.35);
  32. }
  33. .input {
  34. width: 6.17rem;
  35. padding: .38rem;
  36. box-shadow: 0 0 0.7rem rgba(51,135,226,.35);
  37. }
  38. .paw input {
  39. border-radius: .1rem;
  40. }
  41. .check {
  42. width: 1.92rem;
  43. height: .69rem;
  44. line-height: .69rem;
  45. text-align: center;
  46. border-radius: .35rem;
  47. font-size: .33rem;
  48. background: #3289EA;
  49. color: #fff;
  50. }
  51. .button {
  52. background-image: url("./img/btn1.png?v=1.0.1");
  53. }
  54. </style>
  55. <script>
  56. document.documentElement.style.fontSize = (document.documentElement.clientWidth / 375) * 50 + "px";
  57. window.onresize = function () {
  58. document.documentElement.style.fontSize = (document.documentElement.clientWidth / 375) * 50 + "px";
  59. }
  60. </script>
  61. </head>
  62. <body>
  63. <div class="form">
  64. <div class="input">
  65. <input id="text" maxlength="11" placeholder="请输入11位手机号" type="tel">
  66. </div>
  67. <div class="paw">
  68. <input id="code" maxlength="4" placeholder="请输入验证码" type="tel">
  69. <button class="check">验证码</button>
  70. </div>
  71. <img class="button" src="./img/btn.png" alt="">
  72. </div>
  73. <div class="bottom">上饶市合一科技有限公司</div>
  74. <div class="alert-info" style="display: none;">
  75. <p></p>
  76. </div>
  77. <script src="./js/md5.js?v=1.11"></script>
  78. <script src="./common/jquery-2.1.0.js"></script>
  79. <script src="./js/newlogin.js?v=1.0.112"></script>
  80. </body>
  81. </html>