fix: ensure header displays with user info, hide breadcrumb properly

This commit is contained in:
Your Name 2026-03-30 17:02:59 +08:00
parent 153a4b9413
commit d6834f2520

View File

@ -44,23 +44,15 @@ export const LayoutConfig: RuntimeConfig['layout'] = () => {
// 确保header显示
header: true,
// 隐藏面包屑导航
breadcrumb: false,
// 隐藏header的默认内容
headerTitleRender: false,
breadcrumb: { props: { style: { display: 'none' } } },
// 自定义Header渲染 - 使用UmiJS自带header并添加用户信息
headerRender: (props, defaultDom) => {
// 自定义Header渲染 - 只显示右侧用户信息,不显示面包屑
headerRender: () => {
return (
<div style={{ display: 'flex', justifyContent: 'space-between', alignItems: 'center', paddingRight: 24 }}>
{/* 左侧保留默认内容 */}
<div style={{ flex: 1 }}>
{defaultDom}
</div>
<div style={{ display: 'flex', justifyContent: 'flex-end', alignItems: 'center', paddingRight: 24, height: '100%' }}>
{/* 右侧添加用户信息 */}
<div>
<AvatarProps user={snap.session.user} />
</div>
</div>
);
},