Skip to content

S
syzy_se
Commit cbd07ac0 by yangbenyong
Options

登陆页面样式修改

parent 93b4b2c5
Showing with 104 additions and 51 deletions
src/main/resources/static/css/login.css
...@@ -5,46 +5,95 @@ ...@@ -5,46 +5,95 @@
margin-top: 0px; margin-top: 0px;
margin-right: 0px; margin-right: 0px;
margin-bottom: 0px; margin-bottom: 0px;
padding: 0;
} }
.banner{
background-size: 100% auto;
background-repeat: no-repeat;
background-image: url(../images/login_01.jpg);
}
.banner:before{
content: "";
display: block;
padding-top:21%;
}
.banner-cen{ .banner-cen{
position: relative;
height: 100vh;
background-size: 100% auto; background-size: 100% auto;
background-repeat: no-repeat; background-repeat: no-repeat;
background-image: url(../images/bg.jpg); background-image: url(../images/login/login1.png);
background-position: left top; background-position: center;
height:450px; box-sizing: border-box;
} }
.subbtn-group{
width: 320px;
display: flex;
justify-content: center;
background-color: #fff;
border-radius: 8px;
}
.button_login { .button_login {
display: block; display: inline-block;
margin: 0; margin: 0;
padding: 0 15px;
background-color: #915d3b;
color: #fff; color: #fff;
border-radius: 8px; border-radius: 8px;
border-top-color: #915d3b; border-top-color: #915d3b;
border-right-color: #915d3b; border-right-color: #915d3b;
border-bottom-color: #915d3b; border-bottom-color: #915d3b;
border-left-color: #915d3b; border-left-color: #915d3b;
width: 200px; width: 50%;
height: 40px; height: 40px;
line-height: 40px; line-height: 40px;
text-align:center; text-align:center;
font-size: 18px;
color:#ACB4C1;
} }
.input-inline { #loginbox .submitBtn{
width: 310px; color: #fff;
height: 30px; box-shadow: 0 0 10px 1px #3383df;
border: 1px solid #eabc9f; background: linear-gradient( #499AF6, #3383DF);
float:left; }
#loginbox{
position:absolute;
left: 0px;
right: 0px;
bottom: 0px;
top:0px;
background-image:url(../images/login/login1_07.png);
background-size: 100% 100%;
background-repeat: no-repeat;
width:534px;
height:340px;
opacity: 0.88;
box-shadow: 0 0 25px 1px #4b9af4;
margin:auto
}
.logo{
position: absolute;
top: -80px;
width: 100%;
text-align:center;
}
#loginbox .layui-form-item{
text-align: center;
box-sizing: border-box;
}
.wellcome{ color: #FBFCFE; }
.centerSesion{ overflow: hidden;width:534px; height:340px; margin:auto}
#loginbox .layui-input {
text-indent: 30px;
border-radius: 5px; border-radius: 5px;
text-indent: 10px;
} }
.layui-form-item .layui-inline.nameIcon::before{
content:"";
position: absolute;
left: 6px;
top: 4px;
width: 30px;
height: 30px;
background:url(../images/login/login1_07.jpg) no-repeat center center/24px;
}
.layui-form-item .layui-inline.pwsIcon::before{
content:"";
position: absolute;
left: 6px;
top: 4px;
width: 30px;
height: 30px;
background:url(../images/login/login1_11.jpg) no-repeat center center/24px;
}
\ No newline at end of file
src/main/resources/templates/login.html
...@@ -59,7 +59,6 @@ ...@@ -59,7 +59,6 @@
} }
.control-group.normal_text h3 small{ .control-group.normal_text h3 small{
font-weight: 600; font-weight: 600;
} }
</style> </style>
<script> <script>
...@@ -96,36 +95,37 @@ ...@@ -96,36 +95,37 @@
</head> </head>
<body> <body>
<div class="banner">
</div>
<!--小键盘承载器--> <!--小键盘承载器-->
<div class="banner-cen" style="padding-top:30px;"> <div class="banner-cen" style="padding-top:30px;">
<!-- 登录 --> <!-- 登录 -->
<div id="loginbox" style="background-image:url(images/login_04.png); width:534px; height:308px; margin:auto"> <div id="loginbox">
<div style="background-image:url(images/login_04.png); width:534px; height:308px; margin:auto"> <div class="logo"><img height="60px" src="images/login/login1_03.png"></div>
<div class="centerSesion">
<form onsubmit="return false;" class="layui-form" name="loginForm" id="loginForm"> <form onsubmit="return false;" class="layui-form" name="loginForm" id="loginForm">
<div class="layui-form-item" style="padding-left:60px; padding-top:90px;"> <div class="layui-form-item" style="padding-left:86px; padding-top:30px;text-align: left; font-size: 24px;">
<label class="layui-form-lable" style="font-size:18px;color:#ba7f5a; float:left; padding-top:3px; font-weight: bold;">用户名：</label> <span class="wellcome">欢迎登录!</span>
<select id="loginName" name="loginName" style="display:none"></select>
<input type="text" name="loginname" id="loginname" placeholder="请输入用户名" autocomplete="off" class="input-inline"/>
</div> </div>
<div class="layui-form-item" style=" padding-top:10px;">
<div class="layui-form-item" style="padding-left:60px; padding-top:20px;"> <label class="layui-form-lable" style="font-size:18px;display:none;color:#ba7f5a; float:left; padding-top:3px; font-weight: bold;">用户名：</label>
<label class="layui-form-lable" style="font-size:18px;color:#ba7f5a; float:left; padding-top:3px; font-weight: bold;">密&nbsp;&nbsp;&nbsp;码：</label> <div class="layui-inline nameIcon" style="width:350px;">
<div class="layui-input-inline" style="width:350px;"> <select id="loginName" name="loginName" class="layui-input" style="display:none"></select>
<input type="password" name="password" id="password" placeholder="请输入密码" class="input-inline" keypadMode="full" allowKeyboard="true" autocomplete="off"/> <input type="text" name="loginname" id="loginname" placeholder="请输入用户名" autocomplete="off" class="layui-input"/>
</div>
</div>
<div class="layui-form-item" style=" padding-top:10px;">
<label class="layui-form-lable" style="font-size:18px;color:#ba7f5a; display:none;float: none; padding-top:3px; font-weight: bold;">密&nbsp;&nbsp;&nbsp;码：</label>
<div class="layui-inline pwsIcon" style="width:350px;">
<input type="password" name="password" id="password" placeholder="请输入密码" class="layui-input" keypadMode="full" allowKeyboard="true" autocomplete="off"/>
</div> </div>
</div> </div>
<div class="layui-row"> <div class="layui-row">
<div align="center"> <div align="center">
<span style="font-size:18px;"> <div class="subbtn-group">
<a onclick="severCheck();" href="javascript:;" class="button_login" id="to-recover" style="color:#ffffff">登&nbsp;录</a> <a href="javascript:;" id="loginRegister" class="button_login">点击注册</a>
</span> <a onclick="severCheck();" href="javascript:;" class="button_login submitBtn" id="to-recover">登&nbsp;录</a>
</div>
<label style="margin: 12px;display: inline-block;"><a href="javascript:;" id="loginRegister" style="font-size:16px;color:#ba7f5a; text-align:left; ">点击注册</a></label> <label style="width:350px;margin: 10px;display:block;text-align:right; "><a href="javascript:;" id="loginPasswords" style="font-size:16px;color:#fff; ">忘记密码?</a></label>
<label style="margin: 12px;display: inline-block;"><a href="javascript:;" id="loginPasswords" style="font-size:16px;color:#ba7f5a; text-align:left; ">忘记密码</a></label>
</div> </div>
</div> </div>
<input type="hidden" ID="UserSignedData" name="UserSignedData"> <input type="hidden" ID="UserSignedData" name="UserSignedData">
...@@ -133,15 +133,15 @@ ...@@ -133,15 +133,15 @@
<input type="hidden" ID="ContainerName" name="ContainerName"> <input type="hidden" ID="ContainerName" name="ContainerName">
<input type="hidden" ID="strRandom" name="strRandom"> <input type="hidden" ID="strRandom" name="strRandom">
<input type="hidden" ID="loginType" name="loginType" value="0"> <input type="hidden" ID="loginType" name="loginType" value="0">
</form> </form>
</div> </div>
</div> </div>
<div style="width:100%;text-align: center;margin:0px auto;position: absolute;"> <div style="width:100%;text-align: center;margin:0px auto;position: absolute;bottom:10px;">
<font style="font-size:14px;color:#ba7f5a; float:cen; padding-top:6px;"> <font style="font-size:14px;color:#fff;background-color:rgba(30,159,255,.6);">
<span id="nameerr">Copyright © 1999-2018 北京思普科软件股份有限公司 版权所有</span></font> <span id="nameerr">Copyright © 2022-2023 北京中医医院顺义医院</span></font>
<p><font style="font-size:14px;color:#ba7f5a; float:cen; padding-top:6px;"> <p><font style="font-size:14px;color:#fff;background-color:rgba(30,159,255,.6);">
<span id="nameerr">证券代码: 838574</span></font></p> <span id="nameerr">技术支持 &nbsp;&nbsp;北京思普科软件股份有限公司</span></font></p>
</div> </div>
</div> </div>
...@@ -158,6 +158,9 @@ ...@@ -158,6 +158,9 @@
window.location.href="${ctxPath}/loginRegister.do"; window.location.href="${ctxPath}/loginRegister.do";
}) })
$(".button_login").hover(function(){
$(this).addClass("submitBtn").siblings().removeClass("submitBtn")
})
//注册点击事件 //注册点击事件
$("#loginPasswords").click(function(){ $("#loginPasswords").click(function(){
window.location.href="${ctxPath}/loginPasswords.do"; window.location.href="${ctxPath}/loginPasswords.do";
......
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