login.html 3.6 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495
  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="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
  8. <meta name="keywords" content="">
  9. <title>商城</title>
  10. <!-- Set render engine for 360 browser -->
  11. <meta name="renderer" content="webkit">
  12. <link rel="stylesheet" href="__CDN__/assets/shop/css/normalize.css" />
  13. <link rel="stylesheet" href="__CDN__/assets/shop/css/amazeui.css">
  14. <link rel="stylesheet" href="__CDN__/assets/shop/css/app.css">
  15. <link rel="stylesheet" href="__CDN__/assets/shop/css/login.css">
  16. <style>
  17. body {
  18. background: url({:config('site')['loginBg']});
  19. background-size: cover;
  20. }
  21. .name{
  22. font-size: 2rem;
  23. color: #fff;
  24. font-weight: bold;
  25. }
  26. </style>
  27. </head>
  28. <body data-html="login">
  29. <!-- form -->
  30. <div class="pos_re am-padding-top-lg" >
  31. <div class="am-text-center am-padding-top-sm am-padding-bottom-sm">
  32. <img src="{:config('site')['web_site_logo']}"style="width: 100px;border-radius: 100%;">
  33. <p class="name">{:config('site')['name']}</p>
  34. </div>
  35. <div class="form-box am-margin-left am-margin-right am-radius" style="margin-top:2rem;background:ffffff69; border-radius: 10px;">
  36. <form class="am-form am-padding-left am-padding-right" id="form1" style="padding-top:4rem;padding-bottom: 2rem;">
  37. {:token()}
  38. <div class="am-form-group am-form-icon am-margin-bottom-lg">
  39. <img class="icons" src="__CDN__/assets/shop/img/login_user.png" >
  40. <input type="text" class="am-form-field am-input-lg" placeholder="请输入手机号" value="" name="account">
  41. </div>
  42. <div class="am-form-group am-form-icon">
  43. <img class="icons" src="__CDN__/assets/shop/img/login_pwd.png" >
  44. <input type="password" class="am-form-field" placeholder="请输入登录密码" value="" name="password">
  45. </div>
  46. <div class="am-form-group am-form-icon">
  47. <img class="icons" src="__CDN__/assets/shop/img/login_verify.png" >
  48. <input type="text" class="am-form-field am-input-lg" placeholder="请输入商家编号" value="" name="studio">
  49. </div>
  50. <div class="am-form-group am-form-icon am-margin-top-lg am-margin-bottom-lg">
  51. <button type="button" class="am-btn am-btn-danger am-round am-btn-block " id="submit">登录</button>
  52. </div>
  53. <div class="am-g">
  54. <a href="findpwd.html" class="am-u-sm-6" style="color: #fff;">忘记密码</a>
  55. <a href="{:config('site')['appdowm']}" style="color: #fff;" class="am-u-sm-6 am-text-right">下载App</a>
  56. </div>
  57. </form>
  58. </div>
  59. </div>
  60. <script src="__CDN__/assets/shop/js/jquery.min.js"></script>
  61. <script src="__CDN__/assets/shop/js/amazeui.js"></script>
  62. <script src="__CDN__/assets/libs/layer/layer.js"></script>
  63. <script>
  64. $('#submit').click(function(){
  65. var formData = new FormData($('#form1')[0]);
  66. $.ajax({
  67. type: "POST",
  68. url: "{:url('user/login')}",
  69. data: formData,
  70. contentType: false,
  71. processData: false,
  72. success: function(data) {
  73. console.log(data);
  74. layer.msg(data.msg,{time:1000},function(){
  75. if(data.code >0 )
  76. {
  77. location='/shop/index/run';
  78. // location='/shop/index/index';
  79. }else{
  80. location=location;
  81. }
  82. });
  83. },
  84. error: function(XMLHttpRequest, textStatus, errorThrown) {
  85. layer.msg("{:__('网络错误,请稍后重试')}");
  86. }
  87. });
  88. });
  89. </script>
  90. </body>
  91. </html>