No Description

shebaoLogin.html 2.4KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182
  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.12">
  10. <style>
  11. html {
  12. background: #4081E7;
  13. }
  14. body {
  15. background-image: url("./img/shebao.png?v=1.0.2");
  16. }
  17. .form {
  18. width: 5.53rem;
  19. top: 9.48rem;
  20. }
  21. .paw {
  22. background: transparent;
  23. box-shadow: none;
  24. padding: 0;
  25. justify-content: space-between;
  26. }
  27. .input {
  28. padding: .38rem .26rem;
  29. box-shadow: 0rem 0.02rem 0.29rem rgba(115,172,228,.55);
  30. }
  31. input {width: 100%;}
  32. .paw input {
  33. width: 3.28rem;
  34. height: 1.16rem;
  35. padding: .38rem .26rem;
  36. border-radius: .1rem;
  37. box-shadow: 0rem 0.02rem 0.29rem rgba(115,172,228,.55);
  38. }
  39. .check {
  40. width: 1.94rem;
  41. height: 1.16rem;
  42. border-radius: .1rem;
  43. line-height: 1.16rem;
  44. text-align: center;
  45. background: #5867F8;
  46. color: #fff;
  47. box-shadow: 0rem -0.02rem 0.07rem rgba(17,41,133, 0.39) inset;
  48. }
  49. .button {
  50. background-image: url("./img/btn.png?v=1.0");
  51. }
  52. </style>
  53. <script>
  54. document.documentElement.style.fontSize = (document.documentElement.clientWidth / 375) * 50 + "px";
  55. window.onresize = function () {
  56. document.documentElement.style.fontSize = (document.documentElement.clientWidth / 375) * 50 + "px";
  57. }
  58. </script>
  59. </head>
  60. <body>
  61. <div class="form">
  62. <div class="input">
  63. <input id="text" maxlength="11" placeholder="请输入11位手机号" type="tel">
  64. </div>
  65. <div class="paw">
  66. <input id="code" maxlength="4" placeholder="请输入验证码" type="tel">
  67. <button class="check">验证码</button>
  68. </div>
  69. <img class="button" src="./img/btn.png" alt="">
  70. </div>
  71. <div class="bottom">上饶市合一科技有限公司</div>
  72. <div class="alert-info" style="display: none;">
  73. <p></p>
  74. </div>
  75. <script src="./js/md5.js?v=1.11"></script>
  76. <script src="./common/jquery-2.1.0.js"></script>
  77. <script src="./js/newlogin.js?v=1.0.112"></script>
  78. </body>
  79. </html>