1.login
This commit is contained in:
刘福顺
parent
ae1587e5cd
commit
802164fd26
|
|
@ -1,5 +1,5 @@
|
||||||
server:
|
server:
|
||||||
port: 9999
|
port: 8081
|
||||||
servlet:
|
servlet:
|
||||||
context-path: /baidu
|
context-path: /baidu
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -1,6 +1,5 @@
|
||||||
<!DOCTYPE html>
|
<!DOCTYPE html>
|
||||||
<html lang="en">
|
<html lang="en">
|
||||||
<!-- https://codepen.io/danielkvist/pen/LYNVyPL -->
|
|
||||||
<head>
|
<head>
|
||||||
<meta charset="UTF-8">
|
<meta charset="UTF-8">
|
||||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||||
|
|
@ -28,9 +27,6 @@
|
||||||
body {
|
body {
|
||||||
align-items: center;
|
align-items: center;
|
||||||
background-color: var(--white);
|
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-attachment: fixed;
|
||||||
background-position: center;
|
background-position: center;
|
||||||
background-repeat: no-repeat;
|
background-repeat: no-repeat;
|
||||||
|
|
@ -42,15 +38,7 @@
|
||||||
|
|
||||||
.form__title {
|
.form__title {
|
||||||
font-weight: 300;
|
font-weight: 300;
|
||||||
margin: 0;
|
margin: 0 0 1.25rem;
|
||||||
margin-bottom: 1.25rem;
|
|
||||||
}
|
|
||||||
|
|
||||||
.link {
|
|
||||||
color: var(--gray);
|
|
||||||
font-size: 0.9rem;
|
|
||||||
margin: 1.5rem 0;
|
|
||||||
text-decoration: none;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.container {
|
.container {
|
||||||
|
|
@ -72,16 +60,6 @@
|
||||||
transition: all 0.6s ease-in-out;
|
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 {
|
.container--signup {
|
||||||
left: 0;
|
left: 0;
|
||||||
opacity: 0;
|
opacity: 0;
|
||||||
|
|
@ -117,17 +95,17 @@
|
||||||
background-attachment: fixed;
|
background-attachment: fixed;
|
||||||
background-position: center;
|
background-position: center;
|
||||||
background-repeat: no-repeat;
|
background-repeat: no-repeat;
|
||||||
background-size: cover;
|
background-size: contain;
|
||||||
height: 100%;
|
height: 100%;
|
||||||
/*left: -100%;*/
|
/*left: -100%;*/
|
||||||
position: relative;
|
position: relative;
|
||||||
transform: translateX(0);
|
transform: translateY(-10%);
|
||||||
transition: transform 0.6s ease-in-out;
|
transition: transform 0.6s ease-in-out;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
}
|
}
|
||||||
|
|
||||||
.container.right-panel-active .overlay {
|
.container.right-panel-active .overlay {
|
||||||
transform: translateX(50%);
|
/*transform: translateX(50%);*/
|
||||||
}
|
}
|
||||||
|
|
||||||
.overlay__panel {
|
.overlay__panel {
|
||||||
|
|
@ -236,50 +214,30 @@
|
||||||
</form>
|
</form>
|
||||||
</div>
|
</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 -->
|
<!-- Overlay -->
|
||||||
<div class="container__overlay">
|
<div class="container__overlay">
|
||||||
<div class="overlay">
|
<div class="overlay">
|
||||||
<div class="overlay__panel overlay--left">
|
<div class="overlay__panel overlay--left">
|
||||||
<!-- <button class="btn" id="signIn">Sign In</button>-->
|
|
||||||
</div>
|
</div>
|
||||||
<div class="overlay__panel overlay--right">
|
<div class="overlay__panel overlay--right">
|
||||||
<!-- <button class="btn" id="signUp">Sign Up</button>-->
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<script>
|
<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", () => {
|
const fistForm = document.getElementById("form1");
|
||||||
// container.classList.remove("right-panel-active");
|
|
||||||
// });
|
|
||||||
//
|
|
||||||
// signUpBtn.addEventListener("click", () => {
|
|
||||||
// container.classList.add("right-panel-active");
|
|
||||||
// });
|
|
||||||
function getRootPath()
|
function getRootPath()
|
||||||
{
|
{
|
||||||
var curWwwPath=window.document.location.href;
|
const curWwwPath=window.document.location.href;
|
||||||
var pathName=window.document.location.pathname;
|
const pathName=window.document.location.pathname;
|
||||||
var pos=curWwwPath.indexOf(pathName);
|
const pos=curWwwPath.indexOf(pathName);
|
||||||
var localhostPath=curWwwPath.substring(0,pos);
|
const localhostPath=curWwwPath.substring(0,pos);
|
||||||
var projectName=pathName.substring(0,pathName.substr(1).indexOf('/')+1);
|
const projectName = pathName.substring(0, pathName.substr(1).indexOf('/') + 1);
|
||||||
return(localhostPath+projectName);
|
return(localhostPath+projectName);
|
||||||
};
|
};
|
||||||
|
|
||||||
|
|
@ -295,14 +253,12 @@
|
||||||
axios.post( getRootPath() + "/login/getLoginAddress")
|
axios.post( getRootPath() + "/login/getLoginAddress")
|
||||||
.then(function (res) {
|
.then(function (res) {
|
||||||
if (res && res.data){
|
if (res && res.data){
|
||||||
var url = res.data.trim()+'?qybh='
|
window.location.href = res.data.trim() + '?qybh='
|
||||||
+ data.qybh + '&yhm='
|
+ data.qybh + '&yhm='
|
||||||
+ data.yhm + '&sign='
|
+ data.yhm + '&sign='
|
||||||
+data.sign + '×tamp='
|
+ data.sign + '×tamp='
|
||||||
+ data.timestamp
|
+ data.timestamp
|
||||||
+ '&account='+data.account;
|
+ '&account=' + data.account;
|
||||||
console.log(url)
|
|
||||||
window.location.href = url;
|
|
||||||
}
|
}
|
||||||
})
|
})
|
||||||
}else{
|
}else{
|
||||||
|
|
@ -311,9 +267,7 @@
|
||||||
})
|
})
|
||||||
|
|
||||||
});
|
});
|
||||||
// secondForm.addEventListener("submit", (e) => {
|
|
||||||
// e.preventDefault();
|
|
||||||
// });
|
|
||||||
|
|
||||||
</script>
|
</script>
|
||||||
<script src="./js/jquery.js"></script>
|
<script src="./js/jquery.js"></script>
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue