liuyuqiang %!s(int64=2) %!d(string=hai) anos
pai
achega
dea6632b2d

BIN=BIN
sooka-admin/src/main/resources/static/img/welcome.jpg


+ 52 - 8
sooka-admin/src/main/resources/templates/login.html

@@ -25,30 +25,73 @@
         }
         .top_logo{
             color: #fff;
-            font-size: 20px;
-            font-weight: 900;
             text-align: center;
+            margin: 7% 0 0 0;
+        }
+        .top_logo h1{
+            font-size: 40px;
+            font-weight: 900;
+            background-image:-webkit-linear-gradient(bottom,#097edf,#0e9af8);
+            -webkit-background-clip:text;
+            -webkit-text-fill-color:transparent;
+            text-shadow:-3px -3px 0px #fff ;
+        }
+        .top_logo img{
+            margin: -2% 0 0 0;
         }
         .signinpanel{
-            width: 300px;
-            background: #fff;
+            width:300px;
             box-shadow: 0px 0px 5px #eee;
             border-radius: 5px;
+            margin: 0 auto;
+            float: right;
+            background: #fff;
+        }
+        .dl_bg{
+            position: fixed;
+            left: 0;
+            top: 0;
+            width: 100%;
+            height: 100%;
+            z-index: 0;
+        }
+        .bigContent{
+            position: relative;
+            z-index: 1;
+        }
+        .left_pic{
+            width: 50%;
+            height: auto;
+            float: left;
+        }
+        .left_pic img{
+            width: 100%;
+            height: auto;
+        }
+        .loginCont{
+            width:1000px;
+            margin: 4% auto 0 auto;
         }
     </style>
 </head>
 <body class="signin">
     <div class="dl_bg">
-        <img src="../static/img/dl_bg.png">
+        <img src="../img/dl_bg.png">
     </div>
+    <div class="bigContent">
     <div class="top_logo">
         <h1>南关区学区查询系统</h1>
-        <img src="../static/img/logotit.png"/>
+        <img src="../img/logotit.png"/>
     </div>
-    <div class="signinpanel">
+        <div class="loginCont">
+            <div class="left_pic">
+                <img src="../img/left_con.png"/>
+            </div>
+            <div class="signinpanel">
+
                 <form id="signupForm" autocomplete="off">
                     <h4 class="no-margins">登录:</h4>
-                    <p class="m-t-md">你若不离不弃,我必生死相依</p>
+                    <!--<p class="m-t-md">你若不离不弃,我必生死相依</p>-->
                     <input type="text"     name="username" class="form-control uname"     placeholder="用户名" value="admin"    />
                     <input type="password" name="password" class="form-control pword"     placeholder="密码"   value="admin123" />
 					<div class="row m-t" th:if="${captchaEnabled==true}">
@@ -67,6 +110,7 @@
                     <button class="btn btn-success btn-block" id="btnSubmit" data-loading="正在验证登录,请稍候...">登录</button>
                 </form>
 
+            </div>
         </div>
     </div>
 <script th:inline="javascript"> var ctx = [[@{/}]]; var captchaType = [[${captchaType}]]; </script>

+ 23 - 2
sooka-admin/src/main/resources/templates/main.html

@@ -9,11 +9,32 @@
 	<link href="../static/css/bootstrap.min.css" th:href="@{/css/bootstrap.min.css}" rel="stylesheet"/>
 	<link href="../static/css/font-awesome.min.css" th:href="@{/css/font-awesome.min.css}" rel="stylesheet"/>
 	<link href="../static/css/style.min.css" th:href="@{/css/style.min.css}" rel="stylesheet"/>
+	<style>
+		.welcome{
+			background: url("../../img/welcome.jpg") no-repeat;
+			background-size: 100% 100%;
+			width: 100%;
+			height: 100%;
+			padding: 8% 0 0 12%;
+		}
+		.welcome h1{
+			font-size:32px;
+			font-weight: 900;
+			background-image:-webkit-linear-gradient(bottom,#85c8c7,#2a4299);
+			-webkit-background-clip:text;
+			-webkit-text-fill-color:transparent;
+			margin: 0 !important;
+		}
+		.welcome h1 b{
+			font-size:45px !important;
+		}
+	</style>
 </head>
 
 <body class="gray-bg">
-
-
+<div class="welcome">
+	<h1><b>欢迎</b>您登录南关区学区查询系统</h1>
+</div>
 <script th:src="@{/js/jquery.min.js}"></script>
 <script th:src="@{/js/bootstrap.min.js}"></script>
 <script th:src="@{/ajax/libs/layer/layer.min.js}"></script>