前端项目实战肆拾伍-​react-admin+material ui-踩坑-layout

<Admin
dataProvider={dataProvider}
layout={appLayout}
i18nProvider={i18nProvider}
>
<Resource name='t_order' list={OrderList} create={OrderCreate}
edit={OrderEdit} />
{/* <Resource name='t_prod_category' list={
CategoryList
} /> */}
</Admin>
const appLayout = (props: LayoutProps) => {
return (
<Layout
sx={
{
'& .RaLayout-appFrame': {
minHeight: '100%',
height: '100%',
margin: 0,
padding: 0
},
'& .RaLayout-content:': { marginTop: 0, marginBottom: 0, padding:
0, minHeight: '100%', height: '100%' },
'& .RaLayout-contentWithSidebar': { margin: 0, padding: 0,
minHeight: '100%', height: '100%' },
minHeight: '100%',
height: '100%',
margin: 0,
padding: 0,
}
}
{...props}
appBar={appBar}
menu={useAppMenu}
// sidebar={mySidebar}
/>
)
}

 sidebar={mySidebar}控制侧边栏得显示

posted @   前端导师歌谣  阅读(7)  评论(0编辑  收藏  举报  
相关博文:
阅读排行:
· 25岁的心里话
· 闲置电脑爆改个人服务器(超详细) #公网映射 #Vmware虚拟网络编辑器
· 基于 Docker 搭建 FRP 内网穿透开源项目(很简单哒)
· 零经验选手,Compose 一天开发一款小游戏!
· 一起来玩mcp_server_sqlite,让AI帮你做增删改查!!
点击右上角即可分享
微信分享提示