login.html 4.2 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293
  1. <!DOCTYPE html>
  2. <html lang="zh-CN" xmlns="http://www.w3.org/1999/xhtml"
  3. xmlns:th="http://www.thymeleaf.org">
  4. <head>
  5. <meta charset="UTF-8">
  6. <meta name="viewport" content="width=device-width, initial-scale=1">
  7. <title>众测服务平台</title>
  8. <meta name="keywords" content="" />
  9. <meta name="description" content="" />
  10. <link rel="stylesheet" type="text/css" th:href="@{/vendor/bootstrap/css/bootstrap.min.css}">
  11. <link rel="stylesheet" type="text/css" th:href="@{/fonts/font-awesome-4.7.0/css/font-awesome.min.css}">
  12. <link rel="stylesheet" type="text/css" th:href="@{/fonts/iconic/css/material-design-iconic-font.min.css}">
  13. <link rel="stylesheet" type="text/css" th:href="@{/css/util.css}">
  14. <link rel="stylesheet" type="text/css" th:href="@{/css/main.css}">
  15. </head>
  16. <body>
  17. <div class="limiter">
  18. <div class="container-login100" th:style="'background-image:url(/images/bg.jpg);'">
  19. <div class="wrap-login100 p-l-40 p-r-40 p-t-30 p-b-25">
  20. <form th:action="@{/page/dologin}" method="post" class="login100-form validate-form">
  21. <div id="login-logo" style="text-align: center;">
  22. <img style="width: 80px;" th:src="@{/images/mooctest.png}" >
  23. </div>
  24. <span class="login100-form-title p-b-30">众测服务平台</span>
  25. <div class="wrap-input100 validate-input m-b-23" data-validate="请输入用户名">
  26. <span class="label-input100">邮箱</span>
  27. <input class="input100" type="text" name="email" placeholder="请输入用户名" required="邮箱账号不可为空">
  28. <span class="focus-input100" data-symbol="&#xf206;"></span>
  29. </div>
  30. <div class="wrap-input100 validate-input" data-validate="请输入密码">
  31. <span class="label-input100">密码</span>
  32. <input class="input100" type="password" name="password" placeholder="请输入密码" required="密码不可为空">
  33. <span class="focus-input100" data-symbol="&#xf190;"></span>
  34. </div>
  35. <div p-t-8 p-b-20>
  36. <div class="text-left" style="float: left;">
  37. <a href="/page/mobile/login">手机登录</a>
  38. </div>
  39. <div class="text-right" style="float: right;">
  40. <a href="/page/forgetPassword/email">忘记密码?</a>
  41. </div>
  42. </div>
  43. <div class="text-center p-t-6 p-b-20">
  44. <span style="color: red" th:text="${result==null}?'&nbsp;':${result.msg}"></span>
  45. </div>
  46. <div class="container-login100-form-btn">
  47. <div class="wrap-login100-form-btn">
  48. <div class="login100-form-bgbtn"></div>
  49. <button class="login100-form-btn">登 录</button>
  50. </div>
  51. </div>
  52. <div class="txt1 text-center p-t-15 p-b-5">
  53. <span>第三方登录</span>
  54. </div>
  55. <div class="flex-c-m">
  56. <a href="https://open.weixin.qq.com/connect/qrconnect?appid=wx60f06d61f21804be&redirect_uri=http://www.mooctest.net/api/wechat/login&response_type=code&scope=snsapi_login&state=STATE#wechat_redirect" target="_blank" class="login100-social-item bg1">
  57. <i class="fa fa-wechat"></i>
  58. </a>
  59. <a href="https://github.com/login/oauth/authorize?client_id=4e8e65b7e3bdeee9229b" class="login100-social-item bg2">
  60. <i class="fa fa-github"></i>
  61. </a>
  62. <!--<a href="#" class="login100-social-item bg3">-->
  63. <!--<i class="fa fa-weibo"></i>-->
  64. </a>
  65. </div>
  66. <div class="flex-col-c p-t-10">
  67. <a href="/page/register" class="txt2">立即注册</a>
  68. </div>
  69. </form>
  70. </div>
  71. </div>
  72. </div>
  73. <script th:src="@{/vendor/jquery/jquery-3.2.1.min.js}"></script>
  74. <script th:src="@{/js/main.js}"></script>
  75. </body>
  76. </html>