1111

src/app.tsx

@@ -102,6 +102,9 @@ export async function getInitialState(): Promise<{
 // ProLayout 支持的api https://procomponents.ant.design/components/layout
 export const layout: RunTimeLayoutConfig = ({ initialState, setInitialState }) => {
   return {
+    // 嵌入第三方平台：隐藏 ProLayout 顶栏（系统名、用户头像等）
+    headerRender: false,
+    menuHeaderRender: false,
     // actionsRender: () => [<Question key="doc" />, <SelectLang key="SelectLang" />],
     actionsRender: () => [<SelectLang key="SelectLang" />],
     avatarProps: {
@@ -174,7 +177,6 @@ export const layout: RunTimeLayoutConfig = ({ initialState, setInitialState }) =
     //     </Link>,
     //   ]
     //   : [],
-    menuHeaderRender: undefined,
     // 自定义 403 页面
     // unAccessible: <div>unAccessible</div>,
     // 增加一个 loading 的状态

src/global.less

@@ -21,6 +21,28 @@ body,
   left: unset;
 }
 
+// 管理端嵌入第三方：隐藏顶栏、侧栏白底
+.ant-pro-layout {
+  .ant-pro-global-header {
+    display: none !important;
+  }
+
+  .ant-pro-sider.ant-layout-sider {
+    background: #fff !important;
+
+    .ant-layout-sider-children,
+    .ant-pro-sider-menu,
+    .ant-menu.ant-menu-root {
+      background: #fff !important;
+    }
+  }
+
+  // 无顶栏时内容区顶对齐
+  .ant-pro-layout-content {
+    padding-block-start: 16px;
+  }
+}
+
 .ant-table-row {
   &-level-1 .ant-table-cell:first-child {
     padding-left: 24px !important;