feat: 添加路由拦截器/修复打包侧边栏图标失效问题

src/components/Main/Share/index.tsx

@@ -1,7 +1,39 @@
 /** @format */
 import { FunctionComponent } from "react";
-
+import { ProCard } from "@ant-design/pro-components";
+import styles from "./index.module.less";
+import { Avatar, Button, Card } from "antd";
+import setting from "@/assets/icons/setting.svg";
+import Search from "antd/es/input/Search";
+import Meta from "antd/es/card/Meta";
+import { useNavigate } from "react-router-dom";
 const MainShare: FunctionComponent = () => {
-	return <div>分享22222</div>;
+	const navigate = useNavigate();
+	return (
+		<>
+			<div className={styles.share_main}>
+				<ProCard bordered={true} boxShadow={true}>
+					<div className={styles.share_header}>
+						<Search placeholder="搜索圈子" style={{ width: 500 }} />
+						<Button>创建圈子</Button>
+					</div>
+				</ProCard>
+				<ProCard bordered={true} boxShadow={true} style={{ marginTop: 20 }}>
+					<Card
+						style={{ width: 250, marginTop: 16 }}
+						hoverable
+						onClick={() => {
+							navigate("/main/share/list/1");
+						}}>
+						<Meta
+							avatar={<Avatar src={setting} />}
+							title="Card title"
+							description="This is the description"
+						/>
+					</Card>
+				</ProCard>
+			</div>
+		</>
+	);
 };
 export default MainShare;