yexuejc007/PlayEdu-frontend
1
0
Fork 0
mirror of https://github.com/PlayEdu/frontend.git synced 2025-06-16 12:06:59 +08:00
Code Issues Packages Projects Releases Wiki Activity

退出登录弹窗提示

Browse Source
This commit is contained in:
禺狨 2023-03-24 15:11:41 +08:00
parent a4e6119f6d
commit e72ffe3762
2 changed files with 32 additions and 23 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

21
src/compenents/header/index.tsx
View File

@ -1,10 +1,12 @@
import React, { useState } from "react"; import React, { useState } from "react";
import styles from "./index.module.scss"; import styles from "./index.module.scss";
import { Button, Dropdown, MenuProps } from "antd"; import { Modal, Button, Dropdown, MenuProps } from "antd";
import { useDispatch, useSelector } from "react-redux"; import { useDispatch, useSelector } from "react-redux";
import { Link, useNavigate } from "react-router-dom"; import { Link, useNavigate } from "react-router-dom";
import { logoutAction } from "../../store/user/loginUserSlice"; import { logoutAction } from "../../store/user/loginUserSlice";
import { ChangePasswordModel } from "../change-password"; import { ChangePasswordModel } from "../change-password";
import { ExclamationCircleFilled } from "@ant-design/icons";
const { confirm } = Modal;
export const Header: React.FC = () => { export const Header: React.FC = () => {
const dispatch = useDispatch(); const dispatch = useDispatch();
@ -20,8 +22,21 @@ export const Header: React.FC = () => {
const onClick: MenuProps["onClick"] = ({ key }) => { const onClick: MenuProps["onClick"] = ({ key }) => {
if (key === "login_out") { if (key === "login_out") {
dispatch(logoutAction()); confirm({
navigate("/login"); title: "操作确认",
icon: <ExclamationCircleFilled />,
content: "确认退出登录？",
centered: true,
okText: "确认",
cancelText: "取消",
onOk() {
dispatch(logoutAction());
navigate("/login");
},
onCancel() {
console.log("Cancel");
},
});
} else if (key === "change_password") { } else if (key === "change_password") {
setChangePasswordVisiale(true); setChangePasswordVisiale(true);
} else if (key === "user_info") { } else if (key === "user_info") {

34
src/index.scss
View File

@ -40,25 +40,6 @@ h1 {
line-height: 1.1; line-height: 1.1;
} }
button {
border-radius: 8px;
border: 1px solid transparent;
padding: 0.6em 1.2em;
font-size: 1em;
font-weight: 500;
font-family: inherit;
background-color: #1a1a1a;
cursor: pointer;
transition: border-color 0.25s;
}
button:hover {
border-color: #646cff;
}
button:focus,
button:focus-visible {
outline: 4px auto -webkit-focus-ring-color;
}
@media (prefers-color-scheme: light) { @media (prefers-color-scheme: light) {
:root { :root {
color: #213547; color: #213547;
@ -264,6 +245,19 @@ button:focus-visible {
} }
} }
.ant-progress{ .ant-progress {
margin-bottom: 0px; margin-bottom: 0px;
} }
.ant-modal-confirm-btns > .ant-btn-default:hover {
color: #ff4d4f !important;
border-color: #ff4d4f;
}
.ant-modal-confirm-btns > .ant-btn-primary {
background-color: #ff4d4f !important;
color: #fff;
&:hover {
opacity: 0.8;
}
}