修改 总装
wangh
3 years ago
parent
392850ba0a
commit
b58c401b5a
@ -1 +1,216 @@
|
||||
html{height:100%}body.signin{height:auto;background:url(../img/login-background.jpg) no-repeat center fixed;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover}.signinpanel{width:750px;margin:10% auto 0;color:rgba(255,255,255,.95)}.signinpanel .logopanel{float:none;width:auto;padding:0;background:0}.signinpanel .signin-info ul{list-style:none;padding:0;margin:20px 0}.signinpanel .form-control{display:block;margin-top:15px}.signinpanel .uname{background:#fff url(../img/user.png) no-repeat 95% center;color:#333}.signinpanel .pword{background:#fff url(../img/locked.png) no-repeat 95% center;color:#333}.signinpanel .code{background:#fff no-repeat 95% center;color:#333;margin:0 0 15px 0}.signinpanel .btn{margin-top:15px}.signinpanel form{background:rgba(255,255,255,.2);border:1px solid rgba(255,255,255,.3);-moz-box-shadow:0 3px 0 rgba(12,12,12,.03);-webkit-box-shadow:0 3px 0 rgba(12,12,12,.03);box-shadow:0 3px 0 rgba(12,12,12,.03);-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;padding:30px}.signup-footer{border-top:solid 1px rgba(255,255,255,.3);margin:20px 0;padding-top:15px}@media screen and (max-width:768px){.signinpanel,.signuppanel{margin:0 auto;width:380px!important;padding:20px}.signinpanel form{margin-top:20px}.signup-footer,.signuppanel .form-control{margin-bottom:10px}.signup-footer .pull-left,.signup-footer .pull-right{float:none!important;text-align:center}.signinpanel .signin-info ul{display:none}}@media screen and (max-width:320px){.signinpanel,.signuppanel{margin:0 20px;width:auto}}.checkbox-custom{position:relative;padding:0 15px 0 25px;margin-bottom:7px;display:inline-block}.checkbox-custom input[type="checkbox"]{opacity:0;position:absolute;cursor:pointer;z-index:2;margin:-6px 0 0 0;top:50%;left:3px}.checkbox-custom label:before{content:'';position:absolute;top:50%;left:0;margin-top:-9px;width:18px;height:17px;display:inline-block;border-radius:2px;border:1px solid #bbb;background:#fff}.checkbox-custom input[type="checkbox"]:checked+label:after{position:absolute;display:inline-block;font-family:'Glyphicons Halflings';content:"\e013";top:42%;left:3px;margin-top:-5px;font-size:11px;line-height:1;width:16px;height:16px;color:#333}.checkbox-custom label{cursor:pointer;line-height:1.2;font-weight:normal;margin-bottom:0;text-align:left}.form-control,.form-control:focus,.has-error .form-control:focus,.has-success .form-control:focus,.has-warning .form-control:focus,.navbar-collapse,.navbar-form,.navbar-form-custom .form-control:focus,.navbar-form-custom .form-control:hover,.open .btn.dropdown-toggle,.panel,.popover,.progress,.progress-bar{box-shadow:none}.form-control{border-radius:1px!important;padding:6px 12px!important;height:34px!important}.form-control:focus{border-color:#1ab394!important}
|
||||
html {
|
||||
height: 100%
|
||||
}
|
||||
|
||||
@keyframes rotate {
|
||||
0% {
|
||||
transform: perspective(400px) rotateZ(20deg) rotateX(-40deg) rotateY(0);
|
||||
}
|
||||
100% {
|
||||
transform: perspective(400px) rotateZ(20deg) rotateX(-40deg) rotateY(-360deg);
|
||||
}
|
||||
}
|
||||
|
||||
.stars {
|
||||
transform: perspective(100px);
|
||||
transform-style: preserve-3d;
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
perspective-origin: 50% 100%;
|
||||
left: 50%;
|
||||
animation: rotate 90s infinite linear;
|
||||
}
|
||||
|
||||
.star {
|
||||
width: 2px;
|
||||
height: 2px;
|
||||
background: #F7F7B6;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
transform-origin: 0 0 -300px;
|
||||
transform: translate3d(0, 0, -300px);
|
||||
backface-visibility: hidden;
|
||||
}
|
||||
|
||||
body.signin {
|
||||
height: auto;
|
||||
/*background: url(../img/login-background.jpg) no-repeat center fixed;*/
|
||||
background: url(../img/login.jpg) no-repeat center fixed;
|
||||
-webkit-background-size: cover;
|
||||
-moz-background-size: cover;
|
||||
-o-background-size: cover;
|
||||
background-size: cover;
|
||||
background-attachment: fixed;
|
||||
overflow: hidden;
|
||||
}
|
||||
/*.btn-success {*/
|
||||
/* color: #fff;*/
|
||||
/* background-color: #5cb85c;*/
|
||||
/* border-color: #4cae4c*/
|
||||
/*}*/
|
||||
|
||||
.signinpanel {
|
||||
width: 750px;
|
||||
margin: 10% auto 0;
|
||||
color: rgba(255, 255, 255, .95)
|
||||
}
|
||||
|
||||
.signinpanel .logopanel {
|
||||
float: none;
|
||||
width: auto;
|
||||
padding: 0;
|
||||
background: 0
|
||||
}
|
||||
|
||||
.signinpanel .signin-info ul {
|
||||
list-style: none;
|
||||
padding: 0;
|
||||
margin: 20px 0
|
||||
}
|
||||
|
||||
.signinpanel .form-control {
|
||||
display: block;
|
||||
margin-top: 15px
|
||||
}
|
||||
|
||||
.signinpanel .uname {
|
||||
background: #fff url(../img/user.png) no-repeat 95% center;
|
||||
|
||||
|
||||
color: #333
|
||||
}
|
||||
|
||||
.signinpanel .pword {
|
||||
background: #fff url(../img/locked.png) no-repeat 95% center;
|
||||
color: #333
|
||||
}
|
||||
|
||||
.signinpanel .code {
|
||||
background: #fff no-repeat 95% center;
|
||||
color: #333;
|
||||
margin: 0 0 15px 0
|
||||
}
|
||||
|
||||
.signinpanel .btn {
|
||||
margin-top: 15px
|
||||
}
|
||||
|
||||
/*.signinpanel form {*/
|
||||
/* background: rgba(255, 255, 255, .2);*/
|
||||
/* border: 1px solid rgba(255, 255, 255, .3);*/
|
||||
/* -moz-box-shadow: 0 3px 0 rgba(12, 12, 12, .03);*/
|
||||
/* -webkit-box-shadow: 0 3px 0 rgba(12, 12, 12, .03);*/
|
||||
/* box-shadow: 0 3px 0 rgba(12, 12, 12, .03);*/
|
||||
/* -moz-border-radius: 3px;*/
|
||||
/* -webkit-border-radius: 3px;*/
|
||||
/* border-radius: 3px;*/
|
||||
/* padding: 30px*/
|
||||
/*}*/
|
||||
|
||||
.signup-footer {
|
||||
border-top: solid 1px rgba(255, 255, 255, .3);
|
||||
margin: 20px 0;
|
||||
padding-top: 15px
|
||||
}
|
||||
|
||||
@media screen and (max-width: 768px) {
|
||||
.signinpanel, .signuppanel {
|
||||
margin: 0 auto;
|
||||
width: 380px !important;
|
||||
padding: 20px
|
||||
}
|
||||
|
||||
.signinpanel form {
|
||||
margin-top: 20px
|
||||
}
|
||||
|
||||
.signup-footer, .signuppanel .form-control {
|
||||
margin-bottom: 10px
|
||||
}
|
||||
|
||||
.signup-footer .pull-left, .signup-footer .pull-right {
|
||||
float: none !important;
|
||||
text-align: center
|
||||
}
|
||||
|
||||
.signinpanel .signin-info ul {
|
||||
display: none
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and (max-width: 320px) {
|
||||
.signinpanel, .signuppanel {
|
||||
margin: 0 20px;
|
||||
width: auto
|
||||
}
|
||||
}
|
||||
|
||||
.checkbox-custom {
|
||||
position: relative;
|
||||
padding: 0 15px 0 25px;
|
||||
margin-bottom: 7px;
|
||||
display: inline-block
|
||||
}
|
||||
|
||||
.checkbox-custom input[type="checkbox"] {
|
||||
opacity: 0;
|
||||
position: absolute;
|
||||
cursor: pointer;
|
||||
z-index: 2;
|
||||
margin: -6px 0 0 0;
|
||||
top: 50%;
|
||||
left: 3px
|
||||
}
|
||||
|
||||
.checkbox-custom label:before {
|
||||
content: '';
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
left: 0;
|
||||
margin-top: -9px;
|
||||
width: 18px;
|
||||
height: 17px;
|
||||
display: inline-block;
|
||||
border-radius: 2px;
|
||||
border: 1px solid #bbb;
|
||||
background: #fff
|
||||
}
|
||||
|
||||
.checkbox-custom input[type="checkbox"]:checked + label:after {
|
||||
position: absolute;
|
||||
display: inline-block;
|
||||
font-family: 'Glyphicons Halflings';
|
||||
content: "\e013";
|
||||
top: 42%;
|
||||
left: 3px;
|
||||
margin-top: -5px;
|
||||
font-size: 11px;
|
||||
line-height: 1;
|
||||
width: 16px;
|
||||
height: 16px;
|
||||
color: #333
|
||||
}
|
||||
|
||||
.checkbox-custom label {
|
||||
cursor: pointer;
|
||||
line-height: 1.2;
|
||||
font-weight: normal;
|
||||
margin-bottom: 0;
|
||||
text-align: left
|
||||
}
|
||||
|
||||
.form-control, .form-control:focus, .has-error .form-control:focus, .has-success .form-control:focus, .has-warning .form-control:focus, .navbar-collapse, .navbar-form, .navbar-form-custom .form-control:focus, .navbar-form-custom .form-control:hover, .open .btn.dropdown-toggle, .panel, .popover, .progress, .progress-bar {
|
||||
box-shadow: none
|
||||
|
||||
}
|
||||
|
||||
.form-control {
|
||||
border-radius: 8px !important;
|
||||
padding: 6px 12px !important;
|
||||
height: 34px !important
|
||||
}
|
||||
|
||||
.form-control:focus {
|
||||
border-color: #1ab394 !important
|
||||
}
|
||||
Binary file not shown.
|
After Width: | Height: | Size: 241 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 536 KiB |
@ -0,0 +1,123 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="zh" xmlns:th="http://www.thymeleaf.org">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0">
|
||||
<title>管理系统登录</title>
|
||||
<meta name="description" content="若依后台管理框架">
|
||||
<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"/>
|
||||
<link href="../static/css/login.min.css" th:href="@{/css/login.min.css}" rel="stylesheet"/>
|
||||
<link href="../static/ruoyi/css/ry-ui.css" th:href="@{/ruoyi/css/ry-ui.css?v=4.7.2}" rel="stylesheet"/>
|
||||
<!-- 360浏览器急速模式 -->
|
||||
<meta name="renderer" content="webkit">
|
||||
<!-- 避免IE使用兼容模式 -->
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||
<link rel="shortcut icon" href="../static/favicon.ico" th:href="@{favicon.ico}"/>
|
||||
<style type="text/css3">label.error {
|
||||
position: inherit;
|
||||
}
|
||||
|
||||
</style>
|
||||
|
||||
<style>
|
||||
#signin-form-container {
|
||||
background: url("/img/login-container.png") no-repeat center;
|
||||
background-size: 100% auto;
|
||||
width: 65rem;
|
||||
height: 38rem;
|
||||
border-radius: 1.3rem;
|
||||
transition: all 800ms ease;
|
||||
transform: translate(-44%, -70%);
|
||||
margin-left: 50vw;
|
||||
margin-top: 50vh;
|
||||
}
|
||||
</style>
|
||||
<script>
|
||||
if (window.top !== window.self) {
|
||||
alert('未登录或登录超时。请重新登录');
|
||||
window.top.location = window.location
|
||||
}
|
||||
;
|
||||
</script>
|
||||
</head>
|
||||
<body class="signin">
|
||||
<div class="stars"></div>
|
||||
<div class="container-fluid" id="signin-form-container">
|
||||
<div class="signinpanel">
|
||||
<div class="row ">
|
||||
<div class="col-sm-5 ">
|
||||
<div class="signin-info">
|
||||
<!-- <div class="logopanel m-b">-->
|
||||
<!-- <h1><img alt="[ 若依 ]" src="../static/ruoyi.png" th:src="@{/ruoyi.png}"></h1>-->
|
||||
<!-- </div>-->
|
||||
<!-- <div class="m-b"></div>
|
||||
<h4>欢迎使用 <strong>若依 后台管理系统</strong></h4>
|
||||
<ul class="m-b">
|
||||
<li><i class="fa fa-arrow-circle-o-right m-r-xs"></i> SpringBoot</li>
|
||||
<li><i class="fa fa-arrow-circle-o-right m-r-xs"></i> Mybatis</li>
|
||||
<li><i class="fa fa-arrow-circle-o-right m-r-xs"></i> Shiro</li>
|
||||
<li><i class="fa fa-arrow-circle-o-right m-r-xs"></i> Thymeleaf</li>
|
||||
<li><i class="fa fa-arrow-circle-o-right m-r-xs"></i> Bootstrap</li>
|
||||
</ul>
|
||||
<strong th:if="${isAllowRegister}">还没有账号？ <a th:href="@{/register}">立即注册»</a></strong>-->
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-sm-5">
|
||||
<form id="signupForm" autocomplete="off">
|
||||
<h4 class="no-margins">登录：</h4>
|
||||
<!-- <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}">
|
||||
<div class="col-xs-6">
|
||||
<input type="text" name="validateCode" class="form-control code" placeholder="验证码"
|
||||
maxlength="5"/>
|
||||
</div>
|
||||
<div class="col-xs-6">
|
||||
<a href="javascript:void(0);" title="点击更换验证码">
|
||||
<img th:src="@{/captcha/captchaImage(type=${captchaType})}" class="imgcode"
|
||||
width="85%"/>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="checkbox-custom" th:if="${isRemembered}"
|
||||
th:classappend="${captchaEnabled==false} ? 'm-t'">
|
||||
<input type="checkbox" id="rememberme" name="rememberme"> <label for="rememberme">记住我</label>
|
||||
</div>
|
||||
<button class="btn btn-success btn-block" id="btnSubmit" data-loading="正在验证登录，请稍候...">登录</button>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
<!-- <div class="signup-footer">-->
|
||||
<!-- <div class="pull-left">-->
|
||||
<!-- Copyright © 2018-2022 ruoyi.vip All Rights Reserved. <br>-->
|
||||
<!-- </div>-->
|
||||
<!-- </div>-->
|
||||
</div>
|
||||
</div>
|
||||
<script th:inline="javascript"> var ctx = [[@{/}]]; var captchaType = [[${captchaType}]]; </script>
|
||||
<!--[if lte IE 8]>
|
||||
<script>window.location.href = ctx + 'html/ie.html';</script><![endif]-->
|
||||
<!-- 全局js -->
|
||||
<script src="../static/js/jquery.min.js" th:src="@{/js/jquery.min.js}"></script>
|
||||
<script src="../static/ajax/libs/validate/jquery.validate.min.js"
|
||||
th:src="@{/ajax/libs/validate/jquery.validate.min.js}"></script>
|
||||
<script src="../static/ajax/libs/layer/layer.min.js" th:src="@{/ajax/libs/layer/layer.min.js}"></script>
|
||||
<script src="../static/ajax/libs/blockUI/jquery.blockUI.js"
|
||||
th:src="@{/ajax/libs/blockUI/jquery.blockUI.js}"></script>
|
||||
<script src="../static/ruoyi/js/ry-ui.js" th:src="@{/ruoyi/js/ry-ui.js?v=4.7.2}"></script>
|
||||
<script src="../static/ruoyi/login.js" th:src="@{/ruoyi/login_v1.js}"></script>
|
||||
<script>
|
||||
$(() => {
|
||||
setTimeout(() => {
|
||||
const container = document.getElementById("signin-form-container")
|
||||
container.style.opacity = "1"
|
||||
// container.style.transform = "translate(10%, 40%)"
|
||||
}, 90)
|
||||
})
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
Loading…
Reference in New Issue