# Layout 布局

  • <c-layout>:外层容器。
  • <c-header>:顶栏容器。
  • <c-aside>:侧边栏容器。
  • <c-main>:主要区域容器。
  • <c-footer>:底栏容器。

注意

当子元素中包含 <c-header><c-footer> 时,全部子元素会垂直上下排列,否则会水平左右排列。

注意

以上组件采用了 flex 布局,使用前请确定目标浏览器是否兼容。此外,<c-layout> 的子元素只能是后四者,后四者的父元素也只能是 <c-layout>

Header 属性

参数 说明 类型 可选值 默认值
height 顶栏高度 string —— 60px

Aside 属性

参数 说明 类型 可选值 默认值
width 边栏宽度 string —— 300px

Footer 属性

参数 说明 类型 可选值 默认值
height 底栏高度 string —— 60px