sunnyui界面布局

SunnyUI 是一个基于 Vue.js 的 UI 组件库，它提供了一套美观、易用的界面布局组件。下面是 SunnyUI 的常见界面布局组件：

1. Container（容器）：用于包裹页面内容的主要容器，提供了基本的宽度和最大宽度限制，常用于整体布局。

2. Grid（网格）：提供了栅格系统，用于实现灵活的页面布局。你可以将页面划分为等宽的列，并指定每个列在不同屏幕尺寸下的宽度。

3. Layout（布局）：包含 Header、Footer、Sider 和 Content 四个子组件，用于实现经典的页面布局结构。Header 位于页面顶部，Footer 位于页面底部，Sider 在侧边展示辅助内容，Content 用于展示主要内容。

4. Flex（弹性布局）：通过 Flex 组件，可以使用 Flexbox 弹性布局来实现更加灵活的页面布局。你可以自由地设置子元素的排列顺序、对齐方式、占据空间比例等。

5. Divider（分割线）：用于在布局中添加水平分割线，可以用来分隔不同区域或内容。

这些是 SunnyUI 的一些常见界面布局组件，你可以根据具体需求选择合适的组件来搭建页面布局。