feat: 仪表盘update

src/views/Main/index.tsx

@@ -1,6 +1,6 @@
 /** @format */
 
-import { GithubFilled, InfoCircleFilled, QuestionCircleFilled } from "@ant-design/icons";
+import { GithubFilled, InfoCircleFilled, LogoutOutlined, QuestionCircleFilled } from "@ant-design/icons";
 import {
 	DefaultFooter,
 	PageContainer,
@@ -11,6 +11,7 @@ import defaultProps from "./defaultSettings.tsx";
 import { Link, Outlet, useLocation } from "react-router-dom";
 import logo from "@/assets/images/logo.png";
 import { Suspense } from "react";
+import { Dropdown } from "antd";
 
 export default function Layout() {
 	const location: any = useLocation();
@@ -46,6 +47,24 @@ export default function Layout() {
 					src: "https://gw.alipayobjects.com/zos/antfincdn/efFD%24IOql2/weixintupian_20170331104822.jpg",
 					title: "七妮妮",
 					size: "small",
+					// @ts-ignore
+					render: (props, dom) => {
+						return (
+							<Dropdown
+								menu={{
+									items: [
+										{
+											key: 'logout',
+											icon: <LogoutOutlined />,
+											label: '退出登录',
+										},
+									],
+								}}
+							>
+								{dom}
+							</Dropdown>
+						);
+					},
 				}}
 				actionsRender={(props: any) => {
 					// eslint-disable-next-line react/prop-types