mirror of
https://github.com/ant-design/ant-design.git
synced 2024-12-05 09:49:57 +08:00
fbab5df655
* docs: update Layout demo * chore: code clean * chore: update snapshot
36 lines
731 B
Markdown
36 lines
731 B
Markdown
## zh-CN
|
|
|
|
典型的页面布局。
|
|
|
|
## en-US
|
|
|
|
Classic page layouts.
|
|
|
|
<style>
|
|
#components-layout-demo-basic .code-box-demo {
|
|
text-align: center;
|
|
}
|
|
#components-layout-demo-basic .ant-layout-header,
|
|
#components-layout-demo-basic .ant-layout-footer {
|
|
color: #fff;
|
|
background: #7dbcea;
|
|
}
|
|
#components-layout-demo-basic .ant-layout-footer {
|
|
line-height: 1.5;
|
|
}
|
|
#components-layout-demo-basic .ant-layout-sider {
|
|
color: #fff;
|
|
line-height: 120px;
|
|
background: #3ba0e9;
|
|
}
|
|
#components-layout-demo-basic .ant-layout-content {
|
|
min-height: 120px;
|
|
color: #fff;
|
|
line-height: 120px;
|
|
background: rgba(16, 142, 233, 1);
|
|
}
|
|
#components-layout-demo-basic > .code-box-demo > .ant-layout + .ant-layout {
|
|
margin-top: 48px;
|
|
}
|
|
</style>
|