布局 (Layout)

用于后台主页面布局。

概述

内置后台主页默认布局为Header、Sider、Body组合
布局Header和Sider颜色可通过主题设置自定义
Body支持单页和多标签页
可自定义后台主页布局，重写Index页面的BuildAdmin方法

代码演示

1.默认布局

namespace WebSite.Docus.Basic.Layouts;

class Layout1 : Layout { }

2.HS布局

namespace WebSite.Docus.Basic.Layouts;

class Layout2 : Layout
{
    public Layout2()
    {
        Style = "layout-tl";
    }
}

3.自定义布局

自定义Sider

自定义Body

namespace WebSite.Docus.Basic.Layouts;

class Layout3 : Layout
{
    protected override void BuildHeader(RenderTreeBuilder builder)
    {
        builder.Span("自定义Header");
    }

    protected override void BuildSider(RenderTreeBuilder builder)
    {
        builder.Span("自定义Sider");
    }

    protected override void BuildBody(RenderTreeBuilder builder)
    {
        builder.Span("自定义Body");
    }
}