feat: 删除路由拦截器,添加二级路由

This commit is contained in:
landaiqing
2024-07-02 13:59:15 +08:00
parent b1f78bb399
commit fd0510c6af
18 changed files with 243 additions and 102 deletions

View File

@@ -1,14 +1,57 @@
/** @format */
import DefaultLayOut from "@/layout/default";
import { useEffect } from "react";
import { observer } from "mobx-react";
import { GithubFilled, InfoCircleFilled, QuestionCircleFilled } from "@ant-design/icons";
import { PageContainer, ProCard, ProLayout } from "@ant-design/pro-components";
import { useState } from "react";
import defaultProps from "./_defaultProps";
import { Link, Outlet } from "react-router-dom";
export default () => {
const [pathname, setPathname] = useState("/mainRouter/homeRouter");
export default observer(() => {
useEffect(() => {}, []);
return (
<>
<DefaultLayOut />
</>
<div
id="test-pro-layout"
style={{
height: "100vh",
}}>
<ProLayout
siderWidth={216}
menuItemRender={(menuItemProps, defaultDom) => {
if (menuItemProps.isUrl || !menuItemProps.path) {
return defaultDom;
}
return <Link to={menuItemProps.path}>{defaultDom}</Link>;
}}
{...defaultProps}
location={{
pathname,
}}
avatarProps={{
src: "https://gw.alipayobjects.com/zos/antfincdn/efFD%24IOql2/weixintupian_20170331104822.jpg",
title: "七妮妮",
size: "small",
}}
actionsRender={(props) => {
if (props.isMobile) return [];
return [
<InfoCircleFilled key="InfoCircleFilled" />,
<QuestionCircleFilled key="QuestionCircleFilled" />,
<GithubFilled key="GithubFilled" />,
];
}}>
<PageContainer>
<ProCard
style={{
height: "100vh",
minHeight: 800,
}}>
<div>
<Outlet />
</div>
</ProCard>
</PageContainer>
</ProLayout>
</div>
);
});
};