# Layout
布局
预览
header
content
代码
<g-layout style="color: white; margin-bottom:50px;">
<g-header style="height: 50px; background:#FED9CA;">
header
</g-header>
<g-content style="min-height: 100px; background:#D195F9;">
content
</g-content>
<g-footer style="height: 50px; background:lightskyblue;">
footer
</g-footer>
</g-layout>布局
预览
代码
<g-layout style="color: white; overflow:hidden; margin-bottom:50px;">
<g-header style="height: 50px; background:#FFEFE0;">
header
</g-header>
<g-layout>
<g-sider style="height: 100px; background:#ddd; width:200px; color: black;">
sider
</g-sider>
<g-content style="height: 100px; background:#FED9CA;">
content
</g-content>
</g-layout>
<g-footer style="height: 50px; background:#7D7D7D;">
footer
</g-footer>
</g-layout>布局
预览
代码
<g-layout style="color: white; overflow:hidden; margin-bottom:50px;">
<g-sider style=" background:#F7DE1C; width:200px; color: black;">
sider
</g-sider>
<g-layout>
<g-header style="height: 50px; background:#45B7B8;">
header
</g-header>
<g-content style="min-height: 100px; background:#706381;">
content
</g-content>
<g-footer style="height: 50px; background:#2C3848;">
footer
</g-footer>
</g-layout>
</g-layout>← Popover 浮层 Toast 弹出框 →