Просмотр исходного кода

sso登录页面增加zheng-admin样式

shuzheng 9 лет назад
Родитель
Сommit
161f7fcec8

+ 42 - 9
zheng-upms/zheng-upms-server/src/main/webapp/WEB-INF/jsp/sso/login.jsp

@@ -5,17 +5,50 @@
 <%@ taglib uri="http://www.springframework.org/tags" prefix="spring"%>
 <%@ taglib uri="http://www.springframework.org/tags/form" prefix="form"%>
 <c:set var="basePath" value="${pageContext.request.contextPath}"/>
-<!DOCTYPE html>
-<html>
+<!DOCTYPE HTML>
+<html lang="zh-cn">
 <head>
-    <meta charset="utf-8"/>
+    <meta charset="utf-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="viewport" content="width=device-width, initial-scale=1">
     <title>登录页</title>
+
+    <link href="${basePath}/resources/zheng-admin/plugins/bootstrap-3.3.0/css/bootstrap.min.css" rel="stylesheet"/>
+    <link href="${basePath}/resources/zheng-admin/plugins/material-design-iconic-font-2.2.0/css/material-design-iconic-font.min.css" rel="stylesheet"/>
+    <link href="${basePath}/resources/zheng-admin/plugins/waves-0.7.5/waves.min.css" rel="stylesheet"/>
+    <link href="${basePath}/resources/zheng-admin/css/login.css" rel="stylesheet"/>
 </head>
 <body>
-<form method="post">
-<p>帐号:<input type="text" name="username" /></p>
-<p>密码:<input type="password" name="password" /></p>
-<p><input type="submit" value="登录"></p>
-</form>
+<div id="login-window">
+    <form id="login_form" method="post">
+    <div class="input-group m-b-20">
+        <span class="input-group-addon"><i class="zmdi zmdi-account"></i></span>
+        <div class="fg-line">
+            <input type="text" class="form-control" name="username" placeholder="帐号">
+        </div>
+    </div>
+    <div class="input-group m-b-20">
+        <span class="input-group-addon"><i class="zmdi zmdi-male"></i></span>
+        <div class="fg-line">
+            <input type="password" class="form-control" name="password" placeholder="密码">
+        </div>
+    </div>
+    <div class="clearfix">
+    </div>
+    <div class="checkbox">
+        <label>
+            <input type="checkbox" value="">
+            <i class="input-helper"></i>
+            自动登录
+        </label>
+    </div>
+    <a id="login-bt" href="javascript:;" class="waves-effect waves-button waves-float" onclick="document.getElementById('login_form').submit();"><i class="zmdi zmdi-arrow-forward"></i></a>
+    </form>
+</div>
+<script src="${basePath}/resources/zheng-admin/plugins/jquery.1.12.4.min.js"></script>
+<script src="${basePath}/resources/zheng-admin/plugins/bootstrap-3.3.0/js/bootstrap.min.js"></script>
+<script src="${basePath}/resources/zheng-admin/plugins/waves-0.7.5/waves.min.js"></script>
+
+<script src="${basePath}/resources/zheng-admin/js/login.js"></script>
 </body>
-</html>
+</html>