0

是否可以使用 MudBlazor(在 Blazor 服务器中)创建“全屏(浏览器窗口)网站”?

我想要的是,@Body部分填充了浏览器窗口的其余部分。所以它并不是一个真正的全屏/浏览器 div,而是一个填充整个主体并且在它承载更大的子元素时不会调整大小的 div。当您查看下面的布局时,您会看到有一个 AppBar 和一个 MudDrawer(Sidebar)。所以这些需要从全屏大小的div中扣除。而且由于侧边栏可以显示/隐藏,“填充” div 需要适应剩余空间。

任何想法,如何解决这个问题?

<MudLayout>
<MudAppBar Elevation="1">
    <MudIconButton Icon="@Icons.Material.Filled.Menu" Color="Color.Inherit" Edge="Edge.Start" OnClick="@((e) => DrawerToggle())" />
</MudAppBar>
<MudDrawer @bind-Open="@_drawerOpen" ClipMode="DrawerClipMode.Always">
    <MudNavMenu>
    <MudNavLink Href="/">Home</MudNavLink>
    </MudNavMenu>
</MudDrawer>
<MudMainContent>
    @Body
</MudMainContent>
</MudLayout>
4

0 回答 0