c# - Blazor - 隐藏特定页面上的侧边栏和顶部栏（不适用于整个网站）

Question

我正在 Blazor Server (.NET 5) 中制作应用程序，我想隐藏特定页面的侧边栏和顶栏。我尝试搜索，但找不到任何有效的解决方案。下面是一个屏幕截图，显示了我想要隐藏的内容（红色矩形）。

显然，我希望内容/正文部分本身占据整个页面。

标签： c#asp.net-coreblazorblazor-server-side

Answer 1

对于这个问题的未来观众，这就是我所做的，我在“共享”文件夹中创建了一个名为“NoMenuLayout.razor”的新文件，并将以下代码放入其中：

@inherits LayoutComponentBase

<div class="page">
    <div class="content px-4">
        @Body
    </div>
</div>

然后我转到我想要隐藏顶部和侧边栏的文件，只需将@layout NoMenuLayout 放在@page 指令的正下方，如下所示：

@page "/Landing"
@layout NoMenuLayout

<h3>Landing page test</h3>

@code {
    
}