【MatBlazor】Theme颜色的切换 & Nav Menu的NavigateTo功能

Theme主题颜色切换

全局主题颜色，需要将MatThemeProvider 套在MainLayout的外部

@inherits LayoutComponentBase

<MatThemeProvider Theme="@theme1">
	<div>
		@Body
	</div>
</MatThemeProvider>

@code{
	MatTheme theme1 = new MatTheme(){
		Primary = MatThemeColors.Orange._500.Value,				<!-- 主色彩： 如下图红色-->
		Secondary = MatThemeColors.BlueGrey._500.Value			<!-- 次色彩： 如下图蓝色-->
	};
}

Nav Menu 的 NavigateTo功能实现

这里需要注意到，MatNavItem需要使用OnClick而非@onclick命令， 这里可以使用到Lambda方法。

@inject NavigationManager nvm		<!-- 声明路由管理器 -->
<MatNavItem Title="Item 1" 
	OnClick="@(     ()=>{ nvm.NavigateTo("fetchdata"); }    )">
	News
</MatNavItem>