Container 布局容器

您所在的位置：网站首页 › 导航栏左右排列 › Container 布局容器

Container 布局容器

2024-07-16 05:05| 来源: 网络整理| 查看: 265

Container 布局容器 #

用于布局的容器组件，方便快速搭建页面的基本结构：

：外层容器。当子元素中包含或时，全部子元素会垂直上下排列，否则会水平左右排列。

：顶栏容器。

：侧边栏容器。

：主要区域容器。

：底栏容器。

TIP

以上组件采用了 flex 布局，使用前请确定目标浏览器是否兼容。此外，的直接子元素必须是后四个组件中的一个或多个。后四个组件的父元素必须是一个

常见页面布局 #例子 #Container API #Container Attributes #属性名说明类型默认值direction子元素的排列方向enum子元素中有 el-header 或 el-footer 时为 vertical，否则为 horizontalContainer 插槽 #插槽名说明子标签default自定义默认内容Container / Header / Aside / Main / FooterHeader API #Header Attributes #属性名说明类型默认值height顶栏高度string60pxHeader Slots #插槽名说明default自定义默认内容Aside API #Aside Attributes #属性名说明类型默认值width侧边栏宽度string300pxAside Slots #插槽名说明default自定义默认内容Main API #Main Slots #插槽名说明default自定义默认内容Footer API #Footer Attributes #属性名说明类型默认值height底栏高度string60pxFooter Slots #插槽名说明default自定义默认内容源代码 #

组件 • 文档

贡献者 #