MudBlazor 将内容对齐到抽屉底部

Question

我有一个令人兴奋的 NavMenu 组件

<MudPaper Class="py-3" Elevation="0">
  <MudNavMenu>
   <MudNavLink Href="/" Match="NavLinkMatch.All">Home</MudNavLink>
   <MudNavLink Href="/posts" Match="NavLinkMatch.All">Articles</MudNavLink>
   <MudNavLink Href="/about" Match="NavLinkMatch.All">About</MudNavLink>
   </MudNavMenu>
  </MudPaper>
<MudSwitch @ref="@darkModeSwitch" *@ ... @* />

那是在 a 里面MudDrawer。我真正想要的是将所有 NavLink 放在顶部，将开关放在底部，但我尝试过的所有操作似乎都没有效果。看起来该MudDrawer组件是在列表中一个接一个的事物上设置的。我缺少什么？或者有什么快速解决办法吗？

大多数情况下，我尝试在开关周围放置一个容器并为其提供顶部边距，并使用对齐和调​​整弹性类。

Answer 1

您可以使用MudSpacer。

<MudDrawer @bind-Open="@open" Anchor="@anchor" Elevation="1" Variant="@DrawerVariant.Temporary">
    <MudDrawerHeader>
        <MudText Typo="Typo.h6">My App</MudText>
    </MudDrawerHeader>
    <MudPaper Class="py-3"  Elevation="0">
    <MudNavMenu>
        <MudNavLink Match="NavLinkMatch.All">Store</MudNavLink>
        <MudNavLink Match="NavLinkMatch.All">Library</MudNavLink>
        <MudNavLink Match="NavLinkMatch.All">Community</MudNavLink>
    </MudNavMenu>
    </MudPaper>
    <MudSpacer />
    <MudSwitch Class="pa-3" T="bool" Label="ToggleMe"/>
</MudDrawer>

片段