# Layout 布局
# Example
import { layout, header, content, aside, footer } from 'vigour';
// layout.name === 'vigour-layout'
// header.name === 'vigour-header'
// content.name === 'vigour-content'
// aside.name === 'vigour-aside'
// footer.name === 'vigour-footer'
# Layout 1
header
content
<vigour-layout class="layout">
<vigour-header class="header">header</vigour-header>
<vigour-content class="content">content</vigour-content>
<vigour-footer class="footer">footer</vigour-footer>
</vigour-layout>
# Layout 2
header
aside
content
<vigour-layout class="layout">
<vigour-header class="header">header</vigour-header>
<vigour-layout>
<vigour-aside class="aside">aside</vigour-aside>
<vigour-content class="content">content</vigour-content>
</vigour-layout>
<vigour-footer class="footer">footer</vigour-footer>
</vigour-layout>
# Layout 3
header
content
aside
<vigour-layout class="layout">
<vigour-header class="header">header</vigour-header>
<vigour-layout>
<vigour-content class="content">content</vigour-content>
<vigour-aside class="aside">aside</vigour-aside>
</vigour-layout>
<vigour-footer class="footer">footer</vigour-footer>
</vigour-layout>
# Layout 4
aside
header
content
<vigour-layout class="layout">
<vigour-aside class="aside">aside</vigour-aside>
<vigour-layout>
<vigour-header class="header">header</vigour-header>
<vigour-content class="content">content</vigour-content>
<vigour-footer class="footer">footer</vigour-footer>
</vigour-layout>
</vigour-layout>
← Grid 网格 Checkbox 复选框 →