不使用prolayout

dashboard/src/pages/admin/index.tsx

@@ -1,104 +1,16 @@
-import {
-  GithubFilled,
-  InfoCircleFilled,
-  QuestionCircleFilled,
-} from "@ant-design/icons";
-import { ProConfigProvider, ProSettings } from "@ant-design/pro-components";
-import {
-  PageContainer,
-  ProLayout,
-  SettingDrawer,
-  ProCard,
-} from "@ant-design/pro-components";
-import { useState } from "react";
-import defaultProps from "./_defaultProps";
+import { Layout } from "antd";
+import { Outlet } from "react-router-dom";
+import LeftSider from "../../components/admin/LeftSider";
+import HeadBar from "../../components/studio/HeadBar";
 
 const Widget = () => {
-  const [settings, setSetting] = useState<Partial<ProSettings> | undefined>({
-    layout: "side",
-  });
-
-  const [pathname, setPathname] = useState("/list/sub-page/sub-sub-page1");
-
   return (
-    <div
-      id="test-pro-layout"
-      style={{
-        height: "100vh",
-      }}
-    >
-      <ProLayout
-        siderWidth={216}
-        bgLayoutImgList={[
-          {
-            src: "https://img.alicdn.com/imgextra/i2/O1CN01O4etvp1DvpFLKfuWq_!!6000000000279-2-tps-609-606.png",
-            left: 85,
-            bottom: 100,
-            height: "303px",
-          },
-          {
-            src: "https://img.alicdn.com/imgextra/i2/O1CN01O4etvp1DvpFLKfuWq_!!6000000000279-2-tps-609-606.png",
-            bottom: -68,
-            right: -45,
-            height: "303px",
-          },
-          {
-            src: "https://img.alicdn.com/imgextra/i3/O1CN018NxReL1shX85Yz6Cx_!!6000000005798-2-tps-884-496.png",
-            bottom: 0,
-            left: 0,
-            width: "331px",
-          },
-        ]}
-        {...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" />,
-          ];
-        }}
-        menuItemRender={(item, dom) => (
-          <div
-            onClick={() => {
-              setPathname(item.path || "/welcome");
-            }}
-          >
-            {dom}
-          </div>
-        )}
-        {...settings}
-      >
-        <PageContainer>
-          <ProCard
-            style={{
-              height: "100vh",
-              minHeight: 800,
-            }}
-          >
-            <div />
-          </ProCard>
-        </PageContainer>
-      </ProLayout>
-
-      <SettingDrawer
-        pathname={pathname}
-        enableDarkTheme
-        getContainer={() => document.getElementById("test-pro-layout")}
-        settings={settings}
-        onSettingChange={(changeSetting) => {
-          setSetting(changeSetting);
-        }}
-        disableUrlParams={false}
-      />
+    <div>
+      <HeadBar />
+      <Layout>
+        <LeftSider />
+        <Outlet />
+      </Layout>
     </div>
   );
 };