feat: 仪表盘

src/views/Main/index.tsx

@@ -1,7 +1,12 @@
 /** @format */
 
 import { GithubFilled, InfoCircleFilled, QuestionCircleFilled } from "@ant-design/icons";
-import { PageContainer, ProCard, ProLayout } from "@ant-design/pro-components";
+import {
+	DefaultFooter,
+	PageContainer,
+	ProCard,
+	ProLayout,
+} from "@ant-design/pro-components";
 import defaultProps from "./defaultSettings.tsx";
 import { Link, Outlet, useLocation } from "react-router-dom";
 import logo from "@/assets/images/logo.png";
@@ -19,7 +24,12 @@ export default function Layout() {
 				logo={logo}
 				layout={"mix"}
 				// contentWidth={"Fluid"}
-				menu={{ defaultOpenAll: false, hideMenuWhenCollapsed: false }}
+				menu={{
+					defaultOpenAll: false,
+					hideMenuWhenCollapsed: false,
+					type: "group",
+					collapsedShowTitle: true,
+				}}
 				title={"五味子云存储"}
 				siderWidth={216}
 				menuItemRender={(menuItemProps, defaultDom) => {
@@ -45,8 +55,27 @@ export default function Layout() {
 						<QuestionCircleFilled key="QuestionCircleFilled" />,
 						<GithubFilled key="GithubFilled" />,
 					];
-				}}>
-				<PageContainer>
+				}}
+				breadcrumbRender={(routers = []) => [
+					{
+						path: "/main/home",
+						title: "主页",
+					},
+					...routers,
+				]}
+				footerRender={() => (
+					<DefaultFooter
+						links={[
+							{
+								key: "schisandra",
+								title: "schisandra",
+								href: "https://landaiqing.cn",
+							},
+						]}
+						copyright="2024"
+					/>
+				)}>
+				<PageContainer title={false}>
 					<ProCard>
 						<div>
 							<Suspense>