登录页面初步

This commit is contained in:
禺狨
2023-03-02 18:29:28 +08:00
parent 0dad3f206e
commit 31e30a5316
5 changed files with 31 additions and 17 deletions

View File

@@ -64,7 +64,7 @@ const data: DataType[] = [
export const VodListPage: React.FC = () => {
useEffect(() => {
login.login("1@qq.com", "123123", "1", "2");
}, []);
const handleChange = (e: any) => {
console.log(e);

View File

@@ -3,16 +3,11 @@ import styles from "./HomePage.module.css";
import { Outlet, useNavigate } from "react-router-dom";
import { Header, LeftMenu, Footer } from "../../compenents";
import { login } from "../../api/index";
import { getToken, clearToken } from "../../utils/index";
export const HomePage: React.FC = () => {
// const token = getToken();
// const navigate = useNavigate();
// if (token === "") {
// navigate("/login");
// }
useEffect(() => {
login.login("1@qq.com", "123123", "1", "2");
}, []);
return (

View File

@@ -4,9 +4,9 @@ import { Typography, Spin, Input, Button, message } from "antd";
import { login, system } from "../../api/index";
import { setToken } from "../../utils/index";
export const Login: React.FC = (defaultState) => {
export const Login: React.FC = () => {
const [loading, setLoading] = useState<boolean>(true);
const [captchaList, setCourse] = useState<any>(null);
const [image, setImage] = useState<string>("");
const [email, setEmail] = useState<string>("");
const [password, setPassword] = useState<string>("");
const [captcha_val, setCaptcha_val] = useState<string>("");
@@ -14,7 +14,7 @@ export const Login: React.FC = (defaultState) => {
const fetchData = () => {
setLoading(true);
system.getImageCaptcha().then((res: any) => {
setCourse(res.data);
setImage(res.data.image);
setCaptcha_key(res.data.key);
setLoading(false);
});
@@ -65,7 +65,7 @@ export const Login: React.FC = (defaultState) => {
useEffect(() => {
fetchData();
}, []);
return (
<div className={styles["login-content"]}>
<div className={styles["login-box"]}>
@@ -105,7 +105,7 @@ export const Login: React.FC = (defaultState) => {
<img
className={styles["captcha"]}
onClick={fetchData}
src={captchaList.image}
src={image}
alt=""
/>
</div>