login.html 3.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960
  1. <!DOCTYPE html>
  2. <head>
  3. <meta charset="UTF-8">
  4. <title>{$web.name} - {$web.title}</title>
  5. <meta name="renderer" content="webkit">
  6. <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  7. {load href="__PUBLIC__/base/base.css,__PUBLIC__/js/do.js,__PUBLIC__/js/package.js" /}
  8. <style type="text/css">
  9. html,body {font-family: "Source Sans Pro","Helvetica Neue",Helvetica, Arial,sans-serif, "Microsoft YaHei";color: #242A31;font-size: 15px;background: #F5F7F9;}
  10. .login{width:500px;margin:10% auto 0 auto;text-align: center;border: 1px solid #d4dadf;background: #fff;box-shadow: 0 2px 6px rgba(0,0,0,.2);border-radius: 4px;padding-bottom:10px;}
  11. .login input{width:380px;margin:10px 0px;padding:10px;border: 1px solid #d7d7d7;border-radius: 5px;font-size: 14px;color: #666;border-radius:2px;box-shadow: 0 0.1rem 0.25rem rgba(0, 0, 0, 0.1) inset;}
  12. .login input:focus {outline: none;}
  13. .login .header{text-align: center;padding:20px;border-bottom: 1px #d4dadf solid;font-size:25px}
  14. .login .row{margin:20px auto;}
  15. .login .btn{height:45px;width:380px;line-height:45px;font-size:16px;text-align:center;outline:0;border:0;background-color: #2878FF;color: #FFF;border-radius: 5px;box-shadow: 0 1px 6px rgba(0,0,0,.117647), 0 1px 4px rgba(0,0,0,.117647);}
  16. .login .btn:hover{background-color:#246CE5;}
  17. .login .captcha{margin: auto;width: 380px;}
  18. .login .captcha input{width: 150px;}
  19. .login .captcha img{width:220px;margin:10px 0px;height: 44px;}
  20. </style>
  21. </head>
  22. <body>
  23. <form class="login" action="{:url('system/admin.index/login')}">
  24. <input type="hidden" name="__token__" value="{$Request.token}" />
  25. <div class="header"><img src="__PUBLIC__/admin/weblogo.png" /></div>
  26. <div class="row fn-clear">
  27. <input autocomplete="off" datatype="*" class="input" type="text" name="login_id" placeholder="用户名" x-webkit-speech />
  28. <input autocomplete="off" datatype="*" class="input" type="password" name="login_password" placeholder="密码" />
  29. <div class="captcha">
  30. <div class="fn-left"><input autocomplete="off" datatype="*" class="input" type="text" name="captcha" placeholder="验证码" /></div>
  31. <div class="fn-right"><img id="captcha" src="{:captcha_src()}" alt="captcha" onclick="reimg()"/></div>
  32. </div>
  33. </div>
  34. <div class="row"><button class="btn" type="submit">登 录</button></div>
  35. </form>
  36. <script type = "text/javascript" >
  37. Do('layer', 'form',function() {
  38. $(".login").Validform({
  39. ajaxPost: true,postonce: true,
  40. tiptype:function(){},
  41. callback: function(data) {
  42. if (data.code == 200) {
  43. window.location.href = data.url;
  44. } else {
  45. layer.alert(data.msg,{icon:5},function(index){
  46. layer.close(index);
  47. location.reload();
  48. });
  49. }
  50. }
  51. });
  52. })
  53. //刷新验证码
  54. function reimg(){
  55. var img = document.getElementById("captcha");
  56. img.src = "{:captcha_src()}?rnd=" + Math.random();
  57. }
  58. </script>
  59. </body>
  60. </html>