--- order: 0 title: zh-CN: 基本结构 en-US: Basic Structure --- ## zh-CN 典型的页面布局。 ## en-US Classic page layouts. ```tsx import { Layout } from 'antd'; import React from 'react'; const { Header, Footer, Sider, Content } = Layout; const App: React.FC = () => ( <>
Header
Content
Header
Sider Content
Header
Content Sider
Sider
Header
Content
); export default App; ```