You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

如何移除.NET MAUI Blazor Hybrid中的侧边栏?

问题描述

Blazor应用侧边栏截图

我已找到并修改了NavMenu.razor文件,但侧边栏并未发生变化。我不清楚需要修改或删除代码中的哪一部分才能将其移除。

另外,是否该侧边栏无法移除?我是.NET MAUI新手,感谢您的解答。

解决方法
  • 确认文件位置:确保你修改的是项目Shared文件夹下的NavMenu.razor,避免找错文件。
  • 彻底移除侧边栏的核心操作:
    1. 打开Shared/MainLayout.razor,找到<NavMenu />这一行代码并直接删除——这是侧边栏被渲染到页面的关键引用,很多新手只修改NavMenu内容但没删除这个引用,所以看不到变化。
    2. 若只是想隐藏而非删除NavMenu内容,可打开NavMenu.razor,给最外层的<nav>标签添加隐藏样式:
      <nav style="display: none;">
          <!-- 原有导航内容 -->
      </nav>
      
  • 调整页面布局:移除侧边栏后主内容区域可能出现错位,打开MainLayout.razor,修改主内容容器的布局类,比如把col-md-9改成col-md-12,让内容占满整个页面宽度。

内容的提问来源于stack exchange,提问作者Jasonlitttle123

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.06.13 07:40:57