# 布局

# 预览

# 使用方法

<template>
  <div class="wrapper">
    <g-layout>
      <g-header> header </g-header>
      <g-content> content </g-content>
      <g-footer> footer </g-footer>
    </g-layout>
    <br>
    <g-layout>
      <g-header> header </g-header>
      <g-layout>
        <g-sider> sider </g-sider>
        <g-content> content </g-content>
      </g-layout>
      <g-footer> footer </g-footer>
    </g-layout>
    <br>

    <g-layout>
      <g-header> header </g-header>
      <g-layout>
        <g-sider> sider </g-sider>
        <g-layout>
          <g-content> content </g-content>
          <g-footer> footer </g-footer>
        </g-layout>
      </g-layout>
    </g-layout>
  </div>
</template>

# 选项

提供基础布局，样式自定义。

# 组件概述

i-layout ：布局容器，其下可嵌套 Header Sider Content Footer 或 Layout 本身，可以放在任何父容器中。
i-header ：顶部布局，其下可嵌套任何元素，只能放在 Layout 中。
i-sider ：侧边栏，其下可嵌套任何元素，只能放在 Layout 中。
i-content ：内容部分，其下可嵌套任何元素，只能放在 Layout 中。
i-footer ：底部布局，其下可嵌套任何元素，只能放在 Layout 中。