fix: ensure header displays with user info, hide breadcrumb properly
This commit is contained in:
parent
153a4b9413
commit
d6834f2520
@ -44,23 +44,15 @@ export const LayoutConfig: RuntimeConfig['layout'] = () => {
|
|||||||
// 确保header显示
|
// 确保header显示
|
||||||
header: true,
|
header: true,
|
||||||
// 隐藏面包屑导航
|
// 隐藏面包屑导航
|
||||||
breadcrumb: false,
|
breadcrumb: { props: { style: { display: 'none' } } },
|
||||||
// 隐藏header的默认内容
|
|
||||||
headerTitleRender: false,
|
|
||||||
|
|
||||||
// 自定义Header渲染 - 使用UmiJS自带header并添加用户信息
|
// 自定义Header渲染 - 只显示右侧用户信息,不显示面包屑
|
||||||
headerRender: (props, defaultDom) => {
|
headerRender: () => {
|
||||||
return (
|
return (
|
||||||
<div style={{ display: 'flex', justifyContent: 'space-between', alignItems: 'center', paddingRight: 24 }}>
|
<div style={{ display: 'flex', justifyContent: 'flex-end', alignItems: 'center', paddingRight: 24, height: '100%' }}>
|
||||||
{/* 左侧保留默认内容 */}
|
|
||||||
<div style={{ flex: 1 }}>
|
|
||||||
{defaultDom}
|
|
||||||
</div>
|
|
||||||
{/* 右侧添加用户信息 */}
|
{/* 右侧添加用户信息 */}
|
||||||
<div>
|
|
||||||
<AvatarProps user={snap.session.user} />
|
<AvatarProps user={snap.session.user} />
|
||||||
</div>
|
</div>
|
||||||
</div>
|
|
||||||
);
|
);
|
||||||
},
|
},
|
||||||
|
|
||||||
|
|||||||
Loading…
x
Reference in New Issue
Block a user