Eagle UI

# Layout - 布局

# 预览

# 示例

# 上中下

<e-layout>
    <e-header>Header</e-header>
    <e-content>Content</e-content>
    <e-footer>Footer</e-footer>
</e-layout>
1
2
3
4
5

# 内部添加Sider

<e-layout>
    <e-header>Header</e-header>
    <e-layout>
        <e-sider>Sider</e-sider>
        <e-content>Content</e-content>
    </e-layout>
    <e-footer>Footer</e-footer>
</e-layout>
1
2
3
4
5
6
7
8

# 内部添加Sider

<e-layout>
    <e-sider>Sider</e-sider>
    <e-layout>
        <e-header>Header</e-header>
        <e-content>Content</e-content>
        <e-footer>Footer</e-footer>
    </e-layout>
</e-layout>
1
2
3
4
5
6
7
8

TIP

为了降低侵入性，请自行给组件添加class样式调整header、footer、sider的宽高。content是自适应的会占满剩余高度。

← Grid - 栅格 →