从零开始Blazor Server(9)--修改Layout

🚀 优质资源分享 🚀

学习路线指引（点击解锁）	知识定位	人群定位
🧡 Python实战微信订餐小程序 🧡	进阶级	本课程是python flask+微信小程序的完美结合，从项目搭建到腾讯云部署上线，打造一个全栈订餐系统。
💛Python量化交易实战💛	入门级	手把手带你打造一个易扩展、更安全、效率更高的量化交易系统

目前我们的MainLayout还是默认的，这里我们需要修改为BootstrapBlazor的Layout，并且处理一下菜单。

修改MainLayout

BootstrapBlazor已经自带了一个Layout组件，这个组件里常用功能已经很全了，所以我们直接使用这个组件即可。

<Layout SideWidth="0" IsPage="true" IsFullSide="true" IsFixedHeader="true" IsFixedFooter="true"
        ShowFooter="true" ShowCollapseBar="true" OnCollapsed="@OnCollapsed" Menus="@\_menuItems">
    <Header>
 <span class="ms-3 flex-sm-fill d-none d-sm-block">BlazorLearnspan>
        <div class="flex-fill d-sm-none">
        div>
        <Logout ImageUrl="images/argo-c.png" DisplayName="@\_user.Name" UserName="@\_user.UserName">
                    <LinkTemplate>
                        <LogoutLink