login.html 3.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869
  1. <div class="layadmin-user-login layadmin-user-display-show" id="LAY-login-login" style="display: none;">
  2. <div class="layadmin-user-login-main">
  3. <div class="layadmin-user-login-box layadmin-user-login-header">
  4. <h2>后台</h2>
  5. <p>管理系统</p>
  6. </div>
  7. <div class="layadmin-user-login-box layadmin-user-login-body layui-form">
  8. <div class="layui-form-item">
  9. <label class="layadmin-user-login-icon layui-icon layui-icon-username"
  10. for="LAY-login-login-admin_name"></label>
  11. <input type="text" name="admin_name" id="LAY-login-login-admin_name" lay-verify="required"
  12. placeholder="登录账号" class="layui-input">
  13. </div>
  14. <div class="layui-form-item">
  15. <label class="layadmin-user-login-icon layui-icon layui-icon-password"
  16. for="LAY-login-login-password"></label>
  17. <input type="password" name="password" id="LAY-login-login-password" lay-verify="required"
  18. placeholder="登录密码" class="layui-input">
  19. </div>
  20. <div class="layui-form-item">
  21. <div class="layui-row">
  22. <div class="layui-col-xs7">
  23. <label class="layadmin-user-login-icon layui-icon layui-icon-vercode"
  24. for="LAY-login-login-vercode"></label>
  25. <input type="text" name="vercode" id="LAY-login-login-vercode" lay-verify="required"
  26. placeholder="图形验证码" class="layui-input">
  27. </div>
  28. <div class="layui-col-xs5">
  29. <div style="margin-left: 10px;" class="echoui-login-captcha">
  30. {:captcha_img()}
  31. </div>
  32. </div>
  33. </div>
  34. </div>
  35. <div class="layui-form-item">
  36. <button class="layui-btn layui-btn-fluid" lay-submit lay-filter="LAY-login-login-submit">登 录</button>
  37. </div>
  38. </div>
  39. </div>
  40. <div class="layui-trans layadmin-user-login-footer">
  41. <p>© 2019 - {:date('Y')} <a href="{$domain}" target="_blank">{$_SERVER['HTTP_HOST']}</a></p>
  42. <p> &nbsp; </p>
  43. </div>
  44. </div>
  45. <script>
  46. layui.use(['index', 'user'], function () {
  47. const $ = layui.$;
  48. const admin = layui.admin;
  49. const form = layui.form;
  50. form.render();
  51. form.on('submit(LAY-login-login-submit)', function (obj) {
  52. admin.req({
  53. url: "{:url('login/login')}",
  54. data: obj.field,
  55. success: function (res) {
  56. if (res.code == 0) {
  57. location.href = "{:url('home/index')}";
  58. } else {
  59. $('.echoui-login-captcha img').click();
  60. }
  61. }
  62. });
  63. });
  64. });
  65. </script>