--- title: '概述' description: '布局/容器组件是实现 UI 布局的核心模块之一，不仅可以提供独立的布局功能，还可以多个容器组合，实现更为复杂的布局模式和视觉效果。布局容器还能够为其它 UI 组件提供适当的间距及排列方式，使得整个页面更加美观，构建更丰富的 UI 界面。' lastUpdated: 2023-10-31T12:58:14.000Z --- 布局/容器组件是实现 UI 布局的核心模块之一，不仅可以提供独立的布局功能，还可以多个容器组合，实现更为复杂的布局模式和视觉效果。布局容器还能够为其它 UI 组件提供适当的间距及排列方式，使得整个页面更加美观，构建更丰富的 UI 界面。 ## 布局/容器组件介绍 | 组件 | 简述 | | --- | --- | | div | 基本容器 | | list | 列表视图容器，仅支持[``](/component/container/list-item)子组件 | | list-item | [``](/component/container/list)的子组件，用来展示列表具体 item，宽度默认充满 list 组件 | | stack | 基本容器，子组件排列方式为层叠排列，每个直接子组件按照先后顺序依次堆叠，覆盖前一个子组件 | | swiper | 滑块视图容器 | | scroll | 滚动视图容器。竖向或水平方向滚动容器，竖向滚动需要设置定高，水平滚动需要设置定宽 |