Blazor简单教程(2):布局

文章目录

  • 前言
  • 布局
    • 自定义布局
    • 默认布局

前言

我们现在主流的页面都是单页面Layout布局,即一个页面有侧边栏,抬头,下边栏,中间主题。

Blazor简单教程(2):布局_第1张图片

BootstrapBlazor UI, Blazor Server 模式配置

布局

自定义布局

注入LayoutComponentBase

@inherits LayoutComponentBase
<h1>我是EmptyLayout布局h1>

<main> @Bodymain>

@code {

}

默认布局

Blazor简单教程(2):布局_第2张图片

Blazor简单教程(2):布局_第3张图片
在App.razro中设置了默认布局

通过在Razor页面文件中添加@layout进行布局设置

@layout EmptyLayout//指向EmptyLayout布局

你可能感兴趣的:(Blazor基础知识,Blazor简单教学,Blazor)