login.html 5.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="utf-8">
  5. <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0">
  6. <title>{$title}-登录</title>
  7. <meta name="renderer" content="webkit">
  8. <meta http-equiv="Cache-Control" content="no-siteapp"/>
  9. <link rel="Shortcut Icon" href="/favicon.ico" type="image/x-icon" />
  10. <link href="/static/hplus/css/bootstrap.min.css?v=3.3.7" rel="stylesheet" />
  11. <link href="/static/hplus/css/font-awesome.min.css?v=4.4.0" rel="stylesheet" />
  12. <link href="/static/hplus/css/animate.css" rel="stylesheet" />
  13. <link href="/static/admin/css/style.css?v=4.1.0" rel="stylesheet" />
  14. <link href="/static/admin/css/login.css" rel="stylesheet">
  15. <!--[if lt IE 9]>
  16. <meta http-equiv="refresh" content="0;ie.html" />
  17. <![endif]-->
  18. <script>
  19. if(window.top!==window.self){window.top.location=window.location};
  20. </script>
  21. <style>
  22. .verifyimg{
  23. width:46%;
  24. height: 40px;
  25. margin-bottom: 3px;
  26. border: 1px solid #ccc;
  27. cursor: pointer;
  28. }
  29. .login-title{
  30. font-size: 18px;
  31. color: #222;
  32. }
  33. .form-control{
  34. }
  35. </style>
  36. </head>
  37. <body>
  38. <!--<div class="bg-top"></div>-->
  39. <div class="login-box">
  40. <div class="login-box-left">
  41. <div class="login-box-banner">
  42. <img src="/static/admin/img/tu.png" alt="">
  43. </div>
  44. <div class="l-title">
  45. <div class="l-title-a">欢迎使用</div>
  46. <div class="l-title-a">{$title}</div>
  47. </div>
  48. </div>
  49. <div class="login-box-right">
  50. <div class="from-data">
  51. <div class="form-right">
  52. <div class="logo-title">
  53. 登 录
  54. </div>
  55. <form method="post" style="margin: 0 49px;" action="{:url('login')}">
  56. <div class="login-input-box">
  57. <div class="login_input-box">
  58. <input type="text" name="account" class="form-control uname" placeholder="用户名" />
  59. </div>
  60. </div>
  61. <div class="login-input-box">
  62. <div class="login_input-box">
  63. <input type="password" name="password" class="form-control pword m-b" placeholder="密码" />
  64. </div>
  65. </div>
  66. <button class="btn btn-info btn-block" >登 录</button>
  67. <h5 class="forget"><a href="{:url('forget')}">忘记密码?</a></h5>
  68. </form>
  69. </div>
  70. </div>
  71. </div>
  72. </div>
  73. <!--<div class="l-title">
  74. <div class="l-title-a">欢迎使用</div>
  75. <div class="l-title-a">{$title}</div>
  76. </div>
  77. <div class="from-data">
  78. <div class="form-right">
  79. <div class="logo-title">
  80. 登录
  81. </div>
  82. <form method="post" style="margin: 0 39px;" action="{:url('login')}">
  83. <div class="login-input-box">
  84. <div class="login_input-box">
  85. <input type="text" name="account" class="form-control uname" placeholder="用户名" />
  86. </div>
  87. </div>
  88. <div class="login-input-box">
  89. <div class="login_input-box">
  90. <input type="password" name="password" class="form-control pword m-b" placeholder="密码" />
  91. </div>
  92. </div>
  93. <button class="btn btn-info btn-block" >登 录</button>
  94. <h5 class="forget"><a href="{:url('forget')}">忘记密码?</a></h5>
  95. </form>
  96. </div>
  97. </div>-->
  98. <div class="copyright-text">
  99. Copyright © 2022 {$title} 版权所有
  100. </div>
  101. <script src="/static/hplus/js/jquery.min.js?v=2.1.4"></script>
  102. <script src="/static/hplus/js/bootstrap.min.js?v=3.3.7"></script>
  103. <script src="/static/layer/layer.js"></script>
  104. <script>
  105. $(function(){
  106. //表单提交
  107. $(document)
  108. .ajaxStart(function(){
  109. $("button:submit").html('登 录 中...').attr("disabled", true);
  110. })
  111. .ajaxStop(function(){
  112. $("button:submit").html('登 录').attr("disabled", false);
  113. });
  114. $("form").submit(function(){
  115. var self = $(this);
  116. self.find(".check-tips").text('');
  117. $.post(self.attr("action"), self.serialize(), success, "json");
  118. return false;
  119. function success(data){
  120. if(data.code){
  121. window.location.href = data.url;
  122. } else {
  123. layer.msg(data.msg)
  124. //刷新验证码
  125. $(".reloadverify").click();
  126. }
  127. }
  128. });
  129. //刷新验证码
  130. var verifyimg = $(".verifyimg").attr("src");
  131. $(".reloadverify").click(function(){
  132. if( verifyimg.indexOf('?')>0){
  133. $(".verifyimg").attr("src", verifyimg+'&random='+Math.random());
  134. }else{
  135. $(".verifyimg").attr("src", verifyimg.replace(/\?.*$/,'')+'?'+Math.random());
  136. }
  137. });
  138. });
  139. </script>
  140. </body>
  141. </html>