login.html 3.4 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182
  1. <!doctype html>
  2. <html class="no-js">
  3. <head>
  4. <meta charset="utf-8">
  5. <meta http-equiv="X-UA-Compatible" content="IE=edge">
  6. <meta name="description" content="">
  7. <meta name="keywords" content="">
  8. <meta name="viewport" content="width=device-width, initial-scale=1">
  9. <title>{:__('登录')}</title>
  10. <meta name="renderer" content="webkit">
  11. <link rel="stylesheet" href="__CDN__/assets/index/css/amazeui.css">
  12. <link rel="stylesheet" href="__CDN__/assets/shop/css/app.css">
  13. <link rel="stylesheet" href="__CDN__/assets/shop/css/login.css" />
  14. <style>
  15. .am-form input[type="text"], .am-form input[type="password"]{border-bottom: none;}
  16. .am-form img{width: 100%;height: 35px;}
  17. #login{ width: 27%;}
  18. </style>
  19. </head>
  20. <body class="am-bg-white">
  21. <div class="wapper ">
  22. <div class="am-padding am-margin-top-xl am-padding-top-lg">
  23. <h1>您好,</h1>
  24. <p class="am-link-muted">欢迎来到{:config('site')['name']},立即<a href="register.html" class="am-text-danger " style="color: #000">注册</a></p>
  25. </div>
  26. <div class="am-margin-top am-padding-sm">
  27. <form class="am-form" id="form1">
  28. {:token()}
  29. <div class="am-form-group">
  30. <input type="text" name="account" placeholder="请输入手机号">
  31. </div>
  32. <div class="am-form-group">
  33. <input type="password" name="password" placeholder="请输入密码">
  34. </div>
  35. <div class="am-form-group">
  36. <div class="am-u-sm-8 am-padding-0">
  37. <input type="text" name="captcha" placeholder="请输入验证码">
  38. </div>
  39. <div class="am-u-sm-4 am-padding-right-0 " style="margin-top: -38px;">
  40. <img class="ycodeImg" src="{:rtrim('__PUBLIC__', '/')}/index.php?s=/captcha" onclick="this.src = '{:rtrim('__PUBLIC__', '/')}/index.php?s=/captcha&r=' + Math.random();">
  41. </div>
  42. </div>
  43. <div class="am-form-group am-margin-top-xl">
  44. <span class="am-u-sm-6 am-padding-left-0"><button type="button" id="login" class="am-btn am-btn-danger am-round login-btn am-btn-width">登录</button></span>
  45. <span class="am-u-sm-6 am-text-right"><a href="findpwd.html" class="am-inline-block am-link-muted am-text-sm am-padding-top-sm">忘记密码</a></span>
  46. </div>
  47. </form>
  48. </div>
  49. </div>
  50. <script src="__CDN__/assets/index/js/jquery.min.js"></script>
  51. <script src="__CDN__/assets/index/js/amazeui.min.js"></script>
  52. <script src="__CDN__/assets/libs/layer/layer.js"></script>
  53. <script>
  54. $('#login').click(function(){
  55. var formData = new FormData($('#form1')[0]);
  56. $.ajax({
  57. type: "POST",
  58. url: "{:url('index/user/login')}",
  59. data: formData,
  60. contentType: false,
  61. processData: false,
  62. success: function(data) {
  63. console.log(data);
  64. layer.msg(data.msg,{time:1000},function(){
  65. if(data.code >0 )
  66. {
  67. // location='/shop/index/run';
  68. location='/shop/index/index';
  69. }else{
  70. location=location;
  71. }
  72. });
  73. },
  74. error: function(XMLHttpRequest, textStatus, errorThrown) {
  75. layer.msg("{:__('网络错误,请稍后重试')}");
  76. }
  77. });
  78. });
  79. </script>
  80. </body>
  81. </html>