Skip to content

X
xzxt-solr
Commit 4ff4a5ec by liu_xiaoxu
Options

超时登录页面样式

parent 8c79237e
Showing with 311 additions and 10 deletions
src/main/resources/spring-mvc.xml
......@@ -9,6 +9,7 @@
http://www.springframework.org/schema/mvc http://www.springframework.org/schema/mvc/spring-mvc.xsd">
<context:component-scan base-package="com.cc.controller"></context:component-scan>
<mvc:resources mapping="/static/**" location="/static/"/>
<!--配置视图解析器，方便页面返回-->
<!-- 对转向页面的路径解析。prefix：前缀， suffix：后缀 -->
......@@ -26,7 +27,8 @@
<!-- 匹配的是url路径， 如果不配置或/**,将拦截所有的Controller -->
<mvc:mapping path="/**" />
<!-- 不需要拦截的地址 -->
<mvc:exclude-mapping path="/relogin" />
<mvc:exclude-mapping path="/static/**"/>
<mvc:exclude-mapping path="/relogin"/>
<bean class="com.cc.HandlerInterceptor.SystemSessionInterceptor"></bean>
</mvc:interceptor>
</mvc:interceptors>
......
src/main/webapp/relogin.jsp
......@@ -3,15 +3,37 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>登陆界面</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>登陆界面</title>
<link rel="stylesheet" type="text/css" href="static/rasc/css/font-awesome.min.css">
<link rel="stylesheet" type="text/css" href="static/dy/css/base-login.css">
</head>
<body>
<body class="login-body">
<header class="login-header">
<div class="login-title"><img src="static/images/title.png" /></div>
</header>
<div class="lines">
<div class="content">
<div class="left-globe">
<h1 class="title"></h1>
</div>
<div class="right-login">
<div class="login-wrap">
<h2 class="namel">用户登录</h2>
<form action="relogin" method="post">
<p class="tc"><input type="text" placeholder="账号" name="username" class="name" autocomplete="off"/><i class="username-icon zdy-fa"></i></p>
<p class="tc"><input type="password" placeholder="密码" name="password" class="password" autocomplete="off"/><i class="password-icon zdy-fa"></i></p>
<p class="tc" style="margin-top:36px;"><input type="submit" class="btn btn-info" value="登陆"/></p>
</form>
</div>
</div>
</div>
</div>
<script type="text/javascript" src="static/js/ajax.js"></script>
<form action="relogin" method="post">
username:<input type="text" name="username"><br /> Password:<input
type="password" name="password"><br /> <input type="submit"
value="登陆">
</form>
<%--<form action="relogin" method="post">
username:<input type="text" name="username"><br />
Password:<input type="password" name="password"><br />
<input type="submit" value="登陆">
</form>--%>
</body>
</html>
\ No newline at end of file
src/main/webapp/static/dy/css/base-login.css 0 → 100644
@charset "UTF-8";
/*css 初始化 */
html,
body,
ul,
li,
ol,
dl,
dd,
dt,
p,
h1,
h2,
h3,
h4,
h5,
h6,
form,
fieldset,
legend,
img {
margin: 0;
padding: 0;
font:12px/150% Arial, Verdana, "\5b8b\4f53";
font-size:12px;
}
fieldset,
img,
input,
button {
border: none;
padding: 0;
margin: 0;
outline-style: none;
}
/*清除边框外发光 */
ul,
ol {
list-style: none;
/* 清除左侧小圆点标注 */
}
input {
padding-top: 0;
padding-bottom: 0;
font-family: "SimSun", "宋体";
}
select,
input {
vertical-align: middle;
}
select,
input,
textarea {
font-size: 12px;
margin: 0;
}
textarea {
resize: none;
/*防止拖动*/
}
img {
border: 0;
vertical-align: middle;
/* 去掉图片底部默认的3像素空白缝隙*/
}
table {
border-collapse: collapse;
/* 边框合并 */
}
body {
font: 12px/150% Arial, Verdana, "\5b8b\4f53";
/* 宋体 */
color: #666;
background: #fff
}
.clearfix:before,
.clearfix:after {
content: "";
display: table;
/* 清除浮动 */
}
.clearfix:after {
clear: both;
/* 清除浮动 */
}
.clearfix {
*zoom: 1;
/*IE/7/6*/
}
a {
color: #666;
text-decoration: none;
/* 清除下划线 */
}
h1,
h2,
h3,
h4,
h5,
h6 {
text-decoration: none;
font-weight: normal;
font-size: 100%;
}
s,
i,
em {
font-style: normal;
text-decoration: none;
}
.col-red {
color: #C81623!important;
}
/*公共类*/
.w {
width: 1210px;
margin: 0 auto;
/*版心 提取 */
}
.fl {
float: left
}
.fr {
float: right
}
.al {
text-align: left
}
.ac {
text-align: center
}
.ar {
text-align: right
}
.hide {
display: none
}
.show{
display: block;
}
.sp_table td.ar{
color:#0066cc;
}
/*滚动条*/
/*定义滚动条高宽及背景 高宽分别对应横竖滚动条的尺寸*/
::-webkit-scrollbar
{
width: 8px; /*滚动条宽度*/
height: 8px; /*滚动条高度*/
}
/*定义滚动条轨道 内阴影+圆角*/
::-webkit-scrollbar-track
{
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
border-radius: 10px; /*滚动条的背景区域的圆角*/
background-color: rgba(0,0,0,0.2);/*滚动条的背景颜色*/
}
/*定义滑块 内阴影+圆角*/
::-webkit-scrollbar-thumb
{
border-radius: 10px; /*滚动条的圆角*/
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
background-color: rgba(5, 111, 111,0.7);; /*滚动条的背景颜色*/
}
/****/
html,body{height:100%;width:100%;overflow:hidden;}
.login-body{background: url(../../images/bgn.jpg) no-repeat;background-size: cover;}
.login-header{width:100%;height:50px;line-height: 50px;}
.login-title{text-align: center;/* background: url(../images/title-bg.png) no-repeat center; width: 1264px;*/background-size: 62%;margin:19px auto;font-size: 28px; color: #0df4ff;font-weight: 600;}
.left-globe,.right-login{float: left;width:50%;height:100%;}
.content{width:100%;height:calc(100% - 70px);display: table;}
.title{font-size: 22px; line-height: 40px;text-align: left; margin-top: 19px;margin-left: 59px;color: #0df4ff;font-weight: 600;/* -webkit-animation: slideShine 4s linear infinite;animation: slideShine 4s linear infinite;color:#D6B436; *//* background: #0df4ff -webkit-linear-gradient(left,#de1a20,#c746ba 50%,#e0b516 90%,#f31f25) no-repeat 0 0; background-size:50% 100%; -webkit-background-clip: text;-webkit-text-fill-color: transparent; */}
.policeBadge{position: absolute;top: 234px;left: 75%;margin-left: -48.5px;height:102px;}
.title-line{height:100px;position: absolute;top:52px;left:200px;}
.globe{width:50%;animation: rotateArround 3.5s linear infinite;position: absolute;top:138px;}
.left-globe{text-align: center;position: relative;}
.right-login{position:relative;}
.login-wrap{background:url(../../images/wrap.png); width: 310px;height: 320px;background-size: cover;margin: 0 auto;position: absolute;top:50%;margin-top:-160px;left:50%;margin-left:-155px;}
.namel{height:58px;line-height: 58px;text-align: center;font-size: 16px;color:#15e9ff;font-weight: 600;}
.password,.name{padding: 0 10px 0 36px;color:#fff;width:171px;height:42px;background:url(../../images/input.png);background-size: cover;}
.tc{text-align: center;margin:19px 0;position: relative;}
.password::-webkit-input-placeholder,.name::-webkit-input-placeholder{
color: #fff;
}
.username-icon{background: url(../../images/username.png) no-repeat;}
.password-icon{background: url(../../images/password.png) no-repeat;}
.zdy-fa{position: absolute;left:50%;margin-left:-100px;color:#0df4ff;font-size: 18px;top:10px;display: inline-block;width:36px;height:36px;line-height: 36px;}
.btn-info {
color: #fff;
background-color: #5bc0de;
border-color: #46b8da;
width:217px;
}
.btn {
display: inline-block;
padding: 6px 12px;
margin-bottom: 0;
font-size: 14px;
font-weight: 400;
line-height: 1.42857143;
text-align: center;
white-space: nowrap;
vertical-align: middle;
-ms-touch-action: manipulation;
touch-action: manipulation;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
background-image: none;
border: 1px solid transparent;
border-radius: 4px;
}
.btn-info:hover {
color: #fff;
background-color: #31b0d5;
border-color: #269abc;
}
.lines{width:100%;height:100%;position: relative;}
.dib{display: inline-block;position: absolute;}
@keyframes rotateArround {
0% {transform: rotateZ(0deg);}
100% {transform: rotateZ(360deg);}
}
@-webkit-keyframes slideShine {
0% {
background-position: 0 0;
}
100% {
background-position: 100% 100%;
}
}
\ No newline at end of file
src/main/webapp/static/js/ajax.js
......@@ -12,7 +12,7 @@ $.ajaxSetup({
var yes = confirm('由于您长时间没有操作, session已过期, 请重新登录.');
if (yes) {
//tempwindow.location.href = '/relogin.jsp';
openWin( '/relogin.jsp','用户登录', '8.5','7.5');
openWin( '/xzxt-solr/relogin.jsp','用户登录', '8.5','7.5');
}
}
......
src/main/webapp/static/js/login.js 0 → 100644
$(function(){
resize();
$(window).resize(function(){
resize();
})
})
window.onload=function (){
}
function resize(){
/*$(".left-globe").css({"line-height":$(".left-globe").height()+"px"});*/
}
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment