diff --git "a/src/main/Webapp/\346\226\260\345\273\272\346\226\207\344\273\266\345\244\271/index.html" "b/src/main/Webapp/\346\226\260\345\273\272\346\226\207\344\273\266\345\244\271/index.html" new file mode 100644 index 0000000000000000000000000000000000000000..e448c2e544e9d70fb7de0dc1b7547ec88e4c9d45 --- /dev/null +++ "b/src/main/Webapp/\346\226\260\345\273\272\346\226\207\344\273\266\345\244\271/index.html" @@ -0,0 +1,29 @@ + + + + + + + Document + + + + +
+
找回密码
+
验证码会发送至您的注册邮箱或手机
+
+
+
发送验证码
+
下一步
+
+
+
设置新密码
+
+
+
重置密码
+
+ + + + \ No newline at end of file diff --git "a/src/main/Webapp/\346\226\260\345\273\272\346\226\207\344\273\266\345\244\271/script.js" "b/src/main/Webapp/\346\226\260\345\273\272\346\226\207\344\273\266\345\244\271/script.js" new file mode 100644 index 0000000000000000000000000000000000000000..45d383e9ea5b28b6026fca56aa37c8c8f870c2ed --- /dev/null +++ "b/src/main/Webapp/\346\226\260\345\273\272\346\226\207\344\273\266\345\244\271/script.js" @@ -0,0 +1,46 @@ +const next_step = document.querySelector(".next_step"); +const find_password_card = document.querySelector(".find_password_card"); +const set_new_password_card = document.querySelector(".set_new_password_card"); +const phone_email_number = document.getElementById("phone_email_number") +const check_number_input = document.getElementById("check_number_input") +next_step.onclick = function () { + if (phone_email_number.value == "" || check_number_input.value == "") { + alert("请完善信息"); + } + else { + find_password_card.style.display = 'none'; + set_new_password_card.style.display = 'block'; + } + +} + +const set_password_again = document.querySelector(".set_password_again"); +const new_number = document.getElementById("new_password"); +const set_new_password_again = document.getElementById("set_new_password_again"); +set_password_again.onclick = function () { + if (new_number.value == "" || set_new_password_again.value == "") { + alert("请完善信息"); + } + else { + alert("重置密码成功"); + } +} + +//发送验证码倒计时 +const send_again = document.querySelector(".send_again"); +var time = 60; +send_again.addEventListener("click", function () { + //console.log("1111"); + send_again.disabled = true; + var timer = setInterval(function () { + if (time == 0) { + clearInterval(timer); + send_again.disabled = false; + send_again.innerHTML = "发送验证码"; + time = 60; + } else { + send_again.innerHTML = "还剩下" + time + "秒"; + time--; + } + }, 1000); +}); diff --git "a/src/main/Webapp/\346\226\260\345\273\272\346\226\207\344\273\266\345\244\271/style.css" "b/src/main/Webapp/\346\226\260\345\273\272\346\226\207\344\273\266\345\244\271/style.css" new file mode 100644 index 0000000000000000000000000000000000000000..c1a746229d125796cf1b25483af7fcd39ed0e99a --- /dev/null +++ "b/src/main/Webapp/\346\226\260\345\273\272\346\226\207\344\273\266\345\244\271/style.css" @@ -0,0 +1,121 @@ +body { + background: url(https://aaaaaabc.oss-cn-beijing.aliyuncs.com/QQ%E5%9B%BE%E7%89%8720230131162127%201.png); + background-size: 100% 100%; + background-repeat: no-repeat; + background-attachment: fixed; + overflow: hidden; +} + +.find_password_card { + position: absolute; + top: 50%; + left: 50%; + transform: translate(-50%, -50%); + width: 600px; + height: 550px; + background-color: white; + display: block; +} + +.find_password { + transform: translate(45px, 30px); + font-style: normal; + font-weight: 400; + font-size: 32px; + line-height: 39px; +} + +.send_information { + transform: translate(45px, 52px); + font-style: normal; + font-weight: 400; + font-size: 24px; + line-height: 29px; + color: #636363; +} + + +.phone_email_number { + transform: translate(45px, 120px); + +} + +.check_number_input { + transform: translate(45px, 175px); +} + +input { + width: 473px; + height: 23px; + outline: none; + border: none; + border-bottom: 2px solid gray; +} + + +/* .phone_email_number input { + width: 473px; + height: 23px; +} + +.check_number_input input { + width: 473px; + height: 23px; +} */ + + +.next_step { + width: 486px; + height: 50px; + background-color: #006EFF; + transform: translate(45px, 240px); + color: white; + font-style: normal; + font-weight: 400; + font-size: 24px; + line-height: 50px; + text-align: center; + border-radius: 8px; +} + +.send_again { + font-style: normal; + font-weight: 400; + font-size: 20px; + line-height: 24px; + color: #006EFF; + + transform: translate(422px, 148px); +} + +.set_new_password_card { + position: absolute; + top: 50%; + left: 50%; + transform: translate(-50%, -50%); + width: 600px; + height: 550px; + background-color: white; + display: none; +} + +.set_new_password { + transform: translate(45px, 30px); + font-style: normal; + font-weight: 400; + font-size: 32px; + line-height: 39px; +} +.set_password_again { + width: 486px; + height: 50px; + background-color: #006EFF; + transform: translate(45px, 240px); + color: white; + font-style: normal; + font-weight: 400; + font-size: 24px; + line-height: 50px; + text-align: center; + border-radius: 8px; +} \ No newline at end of file