login.html 7.8 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100
  1. <!DOCTYPE html>
  2. <head>
  3. <meta charset="utf-8">
  4. <meta name="viewport" content="width=device-width, initial-scale=1.0">
  5. <meta http-equiv="X-UA-Compatible" content="IE=edge">
  6. <meta name="keywords" content="">
  7. <meta name="description" content="">
  8. <title text="登录"></title>
  9. <link rel="stylesheet" href="./component/layui/css/layui.css">
  10. <link rel="stylesheet" href="./admin/css/other/login.css"/>
  11. </head>
  12. <body>
  13. <div class="cool-content">
  14. <div class="cool-wrapper">
  15. <div class="ui container">
  16. <div class="cool-body">
  17. <div class="cool-side-box" style="background: linear-gradient(0deg, #0476C0 0%, #4181E0 100%);">
  18. <div class="cool-side-box_container">
  19. <div style="min-height: 100px;"></div>
  20. <div class="cool-side-box_footer">
  21. <a target="_blank" href="">
  22. <strong class="cool-side-box_icon-hot">技术支持</strong>
  23. <span class="cool-side-box_divider">-</span>
  24. 山东酷邦软件有限公司
  25. <i class="iconfont icon-arrow-circle-right"></i>
  26. </a>
  27. </div>
  28. </div>
  29. </div>
  30. <div class="session-form">
  31. <div class="cool-form_container">
  32. <form id="form0" class="layui-form box box-animation">
  33. <div class="layui-form-item">
  34. <img class="logo" src="./admin/images/logo.png"/>
  35. <div class="logo-name">优居淄博</div>
  36. </div>
  37. <div class="sign">用户登录</div>
  38. <div class="error" style="display: none;"></div>
  39. <div class="layui-form-item">
  40. <div class="login-input">
  41. <i class="layui-icon layui-icon-friends captcha-icon"></i>
  42. <input name="username" type="text" placeholder=" 请输入您的邮箱/手机号/账号" value="admin" autocomplete="off"/>
  43. <a class="login-icon icon-right" onclick="empty('username')">
  44. <svg class="icon-animation" viewBox="0 0 1024 1024" width="18" height="18">
  45. <path d="M511.998977 961.610044c-248.306272 0-449.607998-201.307865-449.607998-449.614138S263.692704 62.389956 511.998977 62.389956c248.364601 0 449.610044 201.299679 449.610044 449.606974S760.363577 961.610044 511.998977 961.610044L511.998977 961.610044zM718.186989 380.921639c8.457626-8.462742 8.457626-22.202675 0-30.658254l-45.927005-45.871747c-8.459672-8.459672-22.138206-8.459672-30.599925 0L511.603981 434.44874 381.546879 304.391638c-8.459672-8.459672-22.1423-8.459672-30.599925 0l-45.927005 45.871747c-8.457626 8.455579-8.457626 22.195511 0 30.658254l130.057101 130.053008L305.019948 641.031748c-8.457626 8.455579-8.457626 22.140253 0 30.599925L350.946954 717.555609c8.457626 8.404414 22.140253 8.404414 30.599925 0l130.057101-130.057101L641.661082 717.555609c8.461719 8.404414 22.140253 8.404414 30.599925 0l45.927005-45.922912c8.457626-8.459672 8.457626-22.144346 0-30.599925L588.129888 510.97567 718.186989 380.921639 718.186989 380.921639z" fill="#ccc">
  46. </path>
  47. </svg>
  48. </a>
  49. </div>
  50. </div>
  51. <div class="layui-form-item">
  52. <div class="login-input">
  53. <svg class="login-icon icon-left" viewBox="0 0 1024 1024" width="20" height="20">
  54. <path d="M85.12 796.48A79.36 79.36 0 0 0 197.44 908.8l22.4-22.08 93.44 93.44a40.64 40.64 0 0 0 57.6 0l139.2-139.2a40.64 40.64 0 0 0 0-57.6L416 689.92 582.4 523.2a259.84 259.84 0 1 0-112.32-112.32z m516.8-504.64a99.84 99.84 0 1 1 99.84 99.84 100.16 100.16 0 0 1-99.84-99.84z" fill="#CCC">
  55. </path>
  56. </svg>
  57. <input name="password" type="password" placeholder=" 请输入您的密码" value="123455" autocomplete/>
  58. <a class="login-icon icon-right" onclick="empty('password')">
  59. <svg class="icon-animation" viewBox="0 0 1024 1024" width="18" height="18">
  60. <path d="M511.998977 961.610044c-248.306272 0-449.607998-201.307865-449.607998-449.614138S263.692704 62.389956 511.998977 62.389956c248.364601 0 449.610044 201.299679 449.610044 449.606974S760.363577 961.610044 511.998977 961.610044L511.998977 961.610044zM718.186989 380.921639c8.457626-8.462742 8.457626-22.202675 0-30.658254l-45.927005-45.871747c-8.459672-8.459672-22.138206-8.459672-30.599925 0L511.603981 434.44874 381.546879 304.391638c-8.459672-8.459672-22.1423-8.459672-30.599925 0l-45.927005 45.871747c-8.457626 8.455579-8.457626 22.195511 0 30.658254l130.057101 130.053008L305.019948 641.031748c-8.457626 8.455579-8.457626 22.140253 0 30.599925L350.946954 717.555609c8.457626 8.404414 22.140253 8.404414 30.599925 0l130.057101-130.057101L641.661082 717.555609c8.461719 8.404414 22.140253 8.404414 30.599925 0l45.927005-45.922912c8.457626-8.459672 8.457626-22.144346 0-30.599925L588.129888 510.97567 718.186989 380.921639 718.186989 380.921639z" fill="#ccc">
  61. </path>
  62. </svg>
  63. </a>
  64. </div>
  65. </div>
  66. <div class="layui-form-item">
  67. <div class="login-input">
  68. <i class="layui-icon layui-icon-auz captcha-icon"></i>
  69. <input name="key" hidden/>
  70. <input id="captcha" placeholder="验证码" hover style="width: 200px;"/>
  71. <img src="" class="codeImage" id="captchaImage" onclick="captcha()"/>
  72. </div>
  73. </div>
  74. <div class="layui-form-item">
  75. <input type="checkbox" name="remember-me" title="记住密码" lay-skin="primary">
  76. </div>
  77. <div class="layui-form-item">
  78. <button class="pear-btn pear-btn-success login" lay-submit lay-filter="login">登 录</button>
  79. </div>
  80. </form>
  81. </div>
  82. </div>
  83. </div>
  84. </div>
  85. </div>
  86. </div>
  87. <div class="login-foot">
  88. <span class="foot-text">Copyright © 2022 山东酷邦软件有限公司 All Rights Reserved.</span>
  89. <span style="font-size: 12px;color: #708090;padding-left: 50px;">
  90. 下载推荐浏览器:
  91. </span>
  92. <img src="./admin/images/google.png" class="foot-browser foot-google">
  93. <img src="./admin/images/firefox.png" class="foot-browser foot-firefox">
  94. </div>
  95. <script src="./component/layui/layui.js"></script>
  96. <script src="./component/pear/pear.js"></script>
  97. <script src="./component/js/jsencrypt.min.js"></script>
  98. <script src="./component/js/login.js"></script>
  99. </body>
  100. </html>