微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

MudBlazor AppBar 不卡在位置

如何解决MudBlazor AppBar 不卡在位置

我的 MainLayout.razor

中有这个
@inherits LayoutComponentBase
@using System.Security.Claims
@inject HelpDesk.Client.Services.Interfaces.IAuthService AuthService

<MudLayout>
    <MudAppBar Elevation="3" Fixed="true">
        <MudIconButton Icon="@Icons.Material.Filled.Menu" Color="Color.Inherit" Edge="Edge.Start" OnClick="@((e) => DrawerToggle())" />
        <MudText Typo="Typo.h5" Class="ml-3">Autosweep Help Desk</MudText>
        <Mudspacer />
        <MudIconButton Icon="@Icons.Material.Filled.MoreVert" Color="Color.Inherit" Edge="Edge.End" />
        <AuthorizeView>
            <MudMenu FullWidth="true" ActivationEvent="@MouseEvent.MouSEOver">
                <ActivatorContent>
                    <MudChip Icon="@Icons.Material.Filled.AccountCircle" Color="Color.Warning">@context.User.FindFirst(ClaimTypes.Givenname).Value</MudChip>
                </ActivatorContent>
                <ChildContent>
                    <MudMenuItem @onclick="@(() =>  AuthService.logout())">
                        logout
                    </MudMenuItem>
                </ChildContent>
            </MudMenu>
        </AuthorizeView>
    </MudAppBar>
    <MudDrawer ClipMode="DrawerClipMode.Docked" @bind-Open="_drawerOpen" Fixed="true" Color="Color.Success" Elevation="1">
        <MudDrawerHeader>
            <MudText Typo="Typo.h6">Prototyping</MudText>
        </MudDrawerHeader>
        <NavMenu />
    </MudDrawer>
    <MudMainContent>
        @Body
    </MudMainContent>
</MudLayout>

@code {
    bool _drawerOpen = true;

    void DrawerToggle()
    {
        _drawerOpen = !_drawerOpen;


    }
}

<MudThemeProvider />
<MuddialogProvider />
<MudSnackbarProvider /

但是当我的身体很长时,“MudAppBar”不会粘在顶部。

enter image description here

enter image description here

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。