yexuejc007/PlayEdu-h5
1
0
Fork 0
mirror of https://github.com/PlayEdu/h5.git synced 2025-07-21 17:11:03 +08:00
Code Issues Packages Projects Releases Wiki Activity

登录页面优化

Browse Source
This commit is contained in:
禺狨 2023-06-30 16:31:00 +08:00
parent 6bc0e443be
commit 8ba02aaaed
2 changed files with 10 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
src/pages/login/index.module.scss
View File

@ -1,10 +1,8 @@
.login-content { .login-content {
position: absolute; position: fixed;
bottom: 0; width: 100%;
left: 0;
right: 0;
top: 0;
background-image: url("../../assets//images/login/bg.png"); background-image: url("../../assets//images/login/bg.png");
background-repeat: no-repeat;
background-size: 100% 100%; background-size: 100% 100%;
.top-content { .top-content {
width: 100%; width: 100%;

8
src/pages/login/index.tsx
View File

@ -22,10 +22,13 @@ const LoginPage = () => {
const [captchaVal, setCaptchaVal] = useState<string>(""); const [captchaVal, setCaptchaVal] = useState<string>("");
const [captchaKey, setCaptchaKey] = useState<string>(""); const [captchaKey, setCaptchaKey] = useState<string>("");
const [captchaLoading, setCaptchaLoading] = useState(true); const [captchaLoading, setCaptchaLoading] = useState(true);
const [bodyHeight, setBodyHeight] = useState<number>(0);
useEffect(() => { useEffect(() => {
fetchImageCaptcha(); fetchImageCaptcha();
document.title = "登录"; document.title = "登录";
let value = document.documentElement.clientHeight;
setBodyHeight(value);
}, []); }, []);
const fetchImageCaptcha = () => { const fetchImageCaptcha = () => {
@ -123,7 +126,10 @@ const LoginPage = () => {
}; };
return ( return (
<div className={styles["login-content"]}> <div
className={styles["login-content"]}
style={{ height: bodyHeight + "px" }}
>
<div className={styles["top-content"]}> <div className={styles["top-content"]}>
<div className={styles["title"]}>学员登录</div> <div className={styles["title"]}>学员登录</div>
<Image src={banner} width={150} height={150} /> <Image src={banner} width={150} height={150} />