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

Question

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

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

Answer 1

对于这个问题的未来观众，这就是我所做的，我在“Shared”文件夹中创建了一个名为“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 {
    
}