succinic.html 2.3 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="UTF-8">
  5. <title>一键登录页</title>
  6. <meta content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no" name="viewport">
  7. <meta content="width=device-width,height=device-height,maximum-scale=1.0,user-scalable=no" name="viewport">
  8. <meta content="yes" name="apple-mobile-web-app-capable">
  9. <meta content="black" name="apple-mobile-web-app-status-bar-style">
  10. <meta content="telephone=no" name="format-detection">
  11. <script type="text/javascript">
  12. var deviceWidth = document.documentElement.clientWidth;
  13. if (deviceWidth > 750) {
  14. deviceWidth = 750;
  15. }
  16. document.documentElement.style.fontSize = deviceWidth / 7.5 + 'px';
  17. </script>
  18. </head>
  19. <style>
  20. h1 {
  21. font-size: 0.36rem;
  22. width: 100%;
  23. text-align: center;
  24. }
  25. p {
  26. font-size: 0.28rem;
  27. line-height: 0.5rem;
  28. margin-bottom: 0.6rem;
  29. }
  30. .box {
  31. width: 100%;
  32. }
  33. .on {
  34. position: absolute;
  35. top: 0.25rem;
  36. left: 0.75rem;
  37. width: 0.18rem;
  38. height: 0.32rem;
  39. }
  40. .main-order {
  41. margin-top: 0.8rem;
  42. }
  43. </style>
  44. <link rel="stylesheet" href="./succinic.css">
  45. <body>
  46. <img class="on" onclick="a()" src="./img/fan2x.png"></img>
  47. <div class="box">
  48. <div class="main main-order">
  49. <div class="sms-form">
  50. <div class="form-group">
  51. <div class="input-row">
  52. <input class="usermob" type="tel" maxlength="11" name="phone" placeholder="请输入您的手机号码" />
  53. </div>
  54. <div class="input-row">
  55. <input class="smscode" type="tel" maxlength="6" name="sms" placeholder="请输入验证码">
  56. <span class="sendcode">获取验证码</span>
  57. </div>
  58. <div class="actions">
  59. <div class="btn login">登录</div>
  60. </div>
  61. </div>
  62. </div>
  63. </div>
  64. </div>
  65. <script src="../public/libs/jquery-min.js"></script>
  66. <script src="./succinic.js?v=202210"></script>
  67. <script>
  68. function a() {
  69. window.history.go(-1)
  70. }
  71. </script>
  72. </body>
  73. </html>