暂无描述

gjjLogin.html 2.5KB

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