Layout 布局

基本布局

预览

代码

<g-layout style="color: #3182bd;">
    <g-header style="background:#d3dce6;height:50px;">Header</g-header>
    <g-content style="background:#e5e9f2;height:100px;">Content</g-content>
    <g-footer style="background:#d3dce6;height:50px;">Footer</g-footer>
</g-layout>

侧边栏布局

预览

代码

<g-layout>
    <g-sider style="background:#f5f9fa;width:200px;">Sider</g-sider>
        <g-layout style="color: #3182bd;">
            <g-header style="background:#d3dce6;height:50px">Header</g-header>
            <g-content style="background:#e5e9f2;height:100px;">Content</g-content>
        <g-footer style="background:#d3dce6;height:50px;">Footer</g-footer>
    </g-layout>
</g-layout>

侧边栏布局

预览

代码

<g-layout style="color: #3182bd;">
   <g-header style="background:#d3dce6;height:50px;">Header</g-header>
   <g-layout>
       <g-sider style="background:#f5f9fa;width:200px;">Sider</g-sider>
       <g-content style="background:#e5e9f2;height:100px;">Content</g-content>
   </g-layout>
   <g-footer style="background:#d3dce6;height:50px;">Footer</g-footer>
</g-layout>

# Layout 布局

# 基本布局

# 预览

# 代码

# 侧边栏布局

# 预览

# 代码

# 侧边栏布局

# 预览

# 代码

Layout 布局

基本布局

预览

代码

侧边栏布局

预览

代码

侧边栏布局

预览

代码