1.login
This commit is contained in:
刘福顺
parent
ae1587e5cd
commit
802164fd26
|
|
@ -1,5 +1,5 @@
|
|||
server:
|
||||
port: 9999
|
||||
port: 8081
|
||||
servlet:
|
||||
context-path: /baidu
|
||||
|
||||
|
|
|
|||
|
|
@ -1,6 +1,5 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<!-- https://codepen.io/danielkvist/pen/LYNVyPL -->
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
|
|
@ -28,9 +27,6 @@
|
|||
body {
|
||||
align-items: center;
|
||||
background-color: var(--white);
|
||||
/*background: url("https://res.cloudinary.com/dbhnlktrv/image/upload/v1599997626/background_oeuhe7.jpg");
|
||||
/* 决定背景图像的位置是在视口内固定，或者随着包含它的区块滚动。 */
|
||||
/* https://developer.mozilla.org/zh-CN/docs/Web/CSS/background-attachment */
|
||||
background-attachment: fixed;
|
||||
background-position: center;
|
||||
background-repeat: no-repeat;
|
||||
|
|
@ -42,15 +38,7 @@
|
|||
|
||||
.form__title {
|
||||
font-weight: 300;
|
||||
margin: 0;
|
||||
margin-bottom: 1.25rem;
|
||||
}
|
||||
|
||||
.link {
|
||||
color: var(--gray);
|
||||
font-size: 0.9rem;
|
||||
margin: 1.5rem 0;
|
||||
text-decoration: none;
|
||||
margin: 0 0 1.25rem;
|
||||
}
|
||||
|
||||
.container {
|
||||
|
|
@ -72,16 +60,6 @@
|
|||
transition: all 0.6s ease-in-out;
|
||||
}
|
||||
|
||||
.container--signin {
|
||||
left: 0;
|
||||
width: 50%;
|
||||
z-index: 2;
|
||||
}
|
||||
|
||||
.container.right-panel-active .container--signin {
|
||||
transform: translateX(100%);
|
||||
}
|
||||
|
||||
.container--signup {
|
||||
left: 0;
|
||||
opacity: 0;
|
||||
|
|
@ -117,17 +95,17 @@
|
|||
background-attachment: fixed;
|
||||
background-position: center;
|
||||
background-repeat: no-repeat;
|
||||
background-size: cover;
|
||||
background-size: contain;
|
||||
height: 100%;
|
||||
/*left: -100%;*/
|
||||
position: relative;
|
||||
transform: translateX(0);
|
||||
transform: translateY(-10%);
|
||||
transition: transform 0.6s ease-in-out;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.container.right-panel-active .overlay {
|
||||
transform: translateX(50%);
|
||||
/*transform: translateX(50%);*/
|
||||
}
|
||||
|
||||
.overlay__panel {
|
||||
|
|
@ -236,50 +214,30 @@
|
|||
</form>
|
||||
</div>
|
||||
|
||||
<!-- Sign In -->
|
||||
<!-- <div class="container__form container--signin">-->
|
||||
<!-- <form action="#" class="form" id="form2">-->
|
||||
<!-- <h2 class="form__title">Sign In</h2>-->
|
||||
<!-- <input id="loginUser" type="text" placeholder="用户名" class="input" />-->
|
||||
<!-- <input id="loginPsd" type="password" placeholder="密码" class="input" />-->
|
||||
<!-- <button class="btn">登录</button>-->
|
||||
<!-- </form>-->
|
||||
<!-- </div>-->
|
||||
|
||||
<!-- Overlay -->
|
||||
<div class="container__overlay">
|
||||
<div class="overlay">
|
||||
<div class="overlay__panel overlay--left">
|
||||
<!-- <button class="btn" id="signIn">Sign In</button>-->
|
||||
</div>
|
||||
<div class="overlay__panel overlay--right">
|
||||
<!-- <button class="btn" id="signUp">Sign Up</button>-->
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<script>
|
||||
//const signInBtn = document.getElementById("signIn");
|
||||
//const signUpBtn = document.getElementById("signUp");
|
||||
const fistForm = document.getElementById("form1");
|
||||
//const secondForm = document.getElementById("form2");
|
||||
//const container = document.querySelector(".container");
|
||||
|
||||
// signInBtn.addEventListener("click", () => {
|
||||
// container.classList.remove("right-panel-active");
|
||||
// });
|
||||
//
|
||||
// signUpBtn.addEventListener("click", () => {
|
||||
// container.classList.add("right-panel-active");
|
||||
// });
|
||||
const fistForm = document.getElementById("form1");
|
||||
|
||||
function getRootPath()
|
||||
{
|
||||
var curWwwPath=window.document.location.href;
|
||||
var pathName=window.document.location.pathname;
|
||||
var pos=curWwwPath.indexOf(pathName);
|
||||
var localhostPath=curWwwPath.substring(0,pos);
|
||||
var projectName=pathName.substring(0,pathName.substr(1).indexOf('/')+1);
|
||||
const curWwwPath=window.document.location.href;
|
||||
const pathName=window.document.location.pathname;
|
||||
const pos=curWwwPath.indexOf(pathName);
|
||||
const localhostPath=curWwwPath.substring(0,pos);
|
||||
const projectName = pathName.substring(0, pathName.substr(1).indexOf('/') + 1);
|
||||
return(localhostPath+projectName);
|
||||
};
|
||||
|
||||
|
|
@ -295,14 +253,12 @@
|
|||
axios.post( getRootPath() + "/login/getLoginAddress")
|
||||
.then(function (res) {
|
||||
if (res && res.data){
|
||||
var url = res.data.trim()+'?qybh='
|
||||
window.location.href = res.data.trim() + '?qybh='
|
||||
+ data.qybh + '&yhm='
|
||||
+ data.yhm + '&sign='
|
||||
+data.sign + '×tamp='
|
||||
+ data.sign + '×tamp='
|
||||
+ data.timestamp
|
||||
+ '&account='+data.account;
|
||||
console.log(url)
|
||||
window.location.href = url;
|
||||
+ '&account=' + data.account;
|
||||
}
|
||||
})
|
||||
}else{
|
||||
|
|
@ -311,9 +267,7 @@
|
|||
})
|
||||
|
||||
});
|
||||
// secondForm.addEventListener("submit", (e) => {
|
||||
// e.preventDefault();
|
||||
// });
|
||||
|
||||
|
||||
</script>
|
||||
<script src="./js/jquery.js"></script>
|
||||
|
|
|
|||
Loading…
Reference in New Issue