login.html 3.5 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980
  1. <!DOCTYPE html>
  2. <html lang="zh-cn">
  3. <head>
  4. <meta charset="utf-8">
  5. <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
  6. <title>登录</title>
  7. <!-- 样 式 文 件 -->
  8. <link rel="stylesheet" href="/app/admin/component/pear/css/pear.css" />
  9. <link rel="stylesheet" href="/app/admin/admin/css/pages/login.css" />
  10. </head>
  11. <!-- 代 码 结 构 -->
  12. <body style="background-size: cover;">
  13. <form class="layui-form">
  14. <div class="layui-form-item">
  15. <img class="logo" src="<?=$logo?>" />
  16. <div class="title pear-text"><?=$title?></div>
  17. </div>
  18. <div class="layui-form-item">
  19. <input lay-verify="required" hover class="layui-input" type="text" name="username" value="" placeholder="用户名" />
  20. </div>
  21. <div class="layui-form-item">
  22. <input lay-verify="required" hover class="layui-input" type="password" name="password" value="" placeholder="密码" />
  23. </div>
  24. <div class="layui-form-item">
  25. <input hover lay-verify="required" class="code layui-input layui-input-inline" name="captcha" placeholder="验证码" />
  26. <img class="codeImage" width="120px"/>
  27. </div>
  28. <div class="layui-form-item">
  29. <button type="submit" class="pear-btn pear-btn-primary login" lay-submit lay-filter="login">
  30. 登 入
  31. </button>
  32. </div>
  33. </form>
  34. <script>
  35. var color = localStorage.getItem("theme-color-color");
  36. var second = localStorage.getItem("theme-color-second");
  37. if (!color || !second) {
  38. localStorage.setItem("theme-color-color", "#CCAF3DFF");
  39. localStorage.setItem("theme-color-second", "#383737FF");
  40. }
  41. </script>
  42. <!-- 资 源 引 入 -->
  43. <script src="/app/admin/component/layui/layui.js?v=2.8.12"></script>
  44. <script src="/app/admin/component/pear/pear.js"></script>
  45. <script>
  46. layui.use(['form', 'button', 'popup', 'layer', 'theme', 'admin'], function() {
  47. var $ = layui.$, layer = layui.layer, form = layui.form;
  48. function switchCaptcha() {
  49. $('.codeImage').attr("src", "/app/admin/account/captcha/login?v=" + new Date().getTime());
  50. }
  51. switchCaptcha();
  52. // 登 录 提 交
  53. form.on('submit(login)', function (data) {
  54. layer.load();
  55. $.ajax({
  56. url: '/app/admin/account/login',
  57. type: "POST",
  58. data: data.field,
  59. success: function (res) {
  60. layer.closeAll('loading');
  61. if (!res.code) {
  62. layui.popup.success('登录成功', function () {
  63. location.reload();
  64. })
  65. } else {
  66. layui.popup.failure(res.msg)
  67. switchCaptcha();
  68. }
  69. }
  70. });
  71. return false;
  72. });
  73. $('.codeImage').on('click', function () {
  74. switchCaptcha();
  75. });
  76. })
  77. </script>
  78. </body>
  79. </html>