login.html 3.4 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. {%include 'inc/header.html'%}
  5. </head>
  6. <body style="background-color: #393D49">
  7. <div class="x-box">
  8. <div class="x-top">
  9. <i class="layui-icon x-login-close" style="display:none;">
  10. &#x1007;
  11. </i>
  12. <ul class="x-login-right" style="display:none;">
  13. <li style="background-color: #F1C85F;" color="#F1C85F">
  14. </li>
  15. <li style="background-color: #EA569A;" color="#EA569A">
  16. </li>
  17. <li style="background-color: #393D49;" color="#393D49">
  18. </li>
  19. </ul>
  20. </div>
  21. <div class="x-mid">
  22. <div class="x-avtar">
  23. <img src="{{static_url('images/logo.png')}}" alt="">
  24. </div>
  25. <div class="input">
  26. <form class="layui-form" action="/user/login" method="post" target="f1">
  27. {% module xsrf_form_html() %}
  28. <input type="hidden" name="function" id="function" value="msg"/>
  29. <input type="hidden" name="url" id="url" value="/" />
  30. <iframe id="f1" name="f1" style="display:none;"></iframe>
  31. <div class="layui-form-item x-login-box">
  32. <label for="username" class="layui-form-label">
  33. <i class="layui-icon">&#xe612;</i>
  34. </label>
  35. <div class="layui-input-inline">
  36. <input type="text" id="username" name="username" required="" lay-verify="phone"
  37. autocomplete="off" placeholder="手机号" class="layui-input">
  38. </div>
  39. </div>
  40. <div class="layui-form-item x-login-box">
  41. <label for="pass" class="layui-form-label">
  42. <i class="layui-icon">&#xe628;</i>
  43. </label>
  44. <div class="layui-input-inline">
  45. <input type="password" id="password" name="password" required="" lay-verify="pass"
  46. autocomplete="off" placeholder="密码" class="layui-input">
  47. </div>
  48. </div>
  49. <div class="layui-form-item" id="loginbtn">
  50. <button class="layui-btn" lay-filter="save" lay-submit="">
  51. 登 录
  52. </button>
  53. </div>
  54. </form>
  55. </div>
  56. </div>
  57. </div>
  58. <p style="color:#fff;text-align: center;">Copyright ©{{data['setting']['copyright']}} All Rights Reserved.</p>
  59. {%include 'inc/script.html'%}
  60. </script>
  61. <script>
  62. layui.use(['form'],
  63. function() {
  64. $ = layui.jquery;
  65. var form = layui.form(),
  66. layer = layui.layer;
  67. $('.x-login-right li').click(function(event) {
  68. color = $(this).attr('color');
  69. $('body').css('background-color', color);
  70. });
  71. form.on('submit(save)');
  72. });
  73. </script>
  74. </body>
  75. </html>