CN.CAICT.IDIS.Client.Web/Components/Layout/MainLayout.razor

42 lines
1.5 KiB
Plaintext

@inherits LayoutComponentBase
<MudThemeProvider @bind-IsDarkMode="@_isDarkMode"/>
<MudLayout>
<MudAppBar Color="Color.Transparent" Fixed="true" Elevation="0">
@* <MudToggleIconButton @bind-Toggled="_drawerOpen" *@
@* Icon="@Icons.Material.Filled.Menu" *@
@* ToggledIcon="@Icons.Material.Filled.Menu" *@
@* Color="Color.Inherit" Edge="Edge.Start" /> *@
<MudImage Src="images/header-logo.png" Width="256"></MudImage>
<MudSpacer />
<MudToggleIconButton @bind-Toggled="@_isDarkMode"
Icon="@Icons.Material.Filled.DarkMode"
ToggledIcon="@Icons.Material.Filled.LightMode"
Color="Color.Default"
ToggledColor="Color.Default"
/>
<MudIconButton Icon="@Icons.Custom.Brands.GitHub" Color="Color.Inherit" />
</MudAppBar>
<MudDrawer Color="Color.Transparent" @bind-Open="_drawerOpen" ClipMode="DrawerClipMode.Always" Elevation="0">
@* <MudDrawerHeader> *@
@* <MudText Typo="Typo.h6">导航</MudText> *@
@* </MudDrawerHeader> *@
<NavMenu/>
</MudDrawer>
<MudMainContent Class="mt-16 pa-4">
@Body
</MudMainContent>
</MudLayout>
<MudDialogProvider/>
<MudSnackbarProvider/>
@code {
private bool _drawerOpen = true;
private bool _isDarkMode = false;
private void DrawerToggle()
{
_drawerOpen = !_drawerOpen;
}
}