?? ??描述 | Problem description

我正在使用Ant design pro做一??站??。?在遇到一?idea不知道要????。
我想在?部Header的基?之上，在上方添加一??播?，?且能?滑?下?。
?似于??

我是通??置app.tsx里的headerRender?置的，?在就出?正文contet和???sider都?被?部header?住。

我????整global.less的?式?整 content 和 sider ?header的 ?距 ，但是又出?上方一直固定在上面，?播?和header固定在上方（我想??播??域可以被??下?），?致正文和???的?域?小。要???才能正??置header的渲染？

?? 示例代? | Sample code

// app.tsx
export const layout: RunTimeLayoutConfig = ({ initialState }) =>
{
return {
avatarProps: {
render: () =>
{
return ;
},
},
headerRender: (props, defaultDom) => {
return (
<>
<div style={{ display: 'flex', flexDirection: 'column', background: "#F5F5F5"}}>
<Carousel autoplay dotPosition={"bottom"} style={{ width: '100%', height: "300px" }}>

// 我???整的global.less
.ant-layout {
min-height: 100vh;
margin-top: 200px; // ?整和header的?距

}

.ant-pro-sider
{
margin-top: 300px; // ?整和header的?距
}

// 我的defaultSetting.ts
const Settings: ProLayoutProps & {
pwa?: boolean;
logo?: string;
} = {
navTheme: 'light',
// 拂??
colorPrimary: '#1890ff',
layout: 'mix',
contentWidth: 'Fluid',
fixedHeader: true,
fixSiderbar: true,
colorWeak: false,
title: 'xxx',
pwa: true,
iconfontUrl: '',
token: {
},
};

?? 其他信息 | Other information

OS: Windows 11

Node：18.18.0

??器 | browser：Google Chrome 123.0.6312.106

Ant design pro：6.0

antd: 5.2.2

react: 18.2

umijs/max: 4.0.52