# Layout 布局

页面框架结构。

## 控制台内示例

💡 该部分示例用于腾讯云控制台内业务渲染内容区结构，独立项目请参考下节**整体布局**。

### 基本用法

[Example: LayoutContent](./_example/LayoutContentExample.jsx)

### 包含 Tabs

包含 [Tabs](/component/tabs) 的内容区结构。

[Example: LayoutContentWithTabs](./_example/LayoutContentWithTabsExample.jsx)

### 包含二级菜单

包含二级菜单的内容区结构（**一级菜单请在腾讯云控制台配置**）。

[Example: LayoutContentWithSider](./_example/LayoutContentWithSiderExample.jsx)

## 整体布局示例

用于独立项目整体页面布局。

### 布局基本用法

[Example: Layout](./_example/LayoutExample.jsx)

### 包含两层左侧菜单

[Example: LayoutWithInnerSider](./_example/LayoutWithInnerSiderExample.jsx)

### 包含左侧菜单

[Example: LayoutWithLightSider](./_example/LayoutWithLightSiderExample.jsx)

### 无左侧菜单

[Example: LayoutWithoutSider](./_example/LayoutWithoutSiderExample.jsx)

## 组件属性

[Interface: LayoutProps](./Layout.tsx)

[Interface: LayoutContentProps](./LayoutContent.tsx)

[Interface: LayoutContentHeaderProps](./LayoutContent.tsx)

[Interface: LayoutContentBodyProps](./LayoutContent.tsx)