committed by
ddcat1115
3 changed files with 47 additions and 23 deletions
@ -1,36 +1,44 @@ |
|||
--- |
|||
order: 0 |
|||
title: 演示 |
|||
title: |
|||
- zh-CN: 演示 |
|||
- en-US: demo |
|||
iframe: 400 |
|||
--- |
|||
|
|||
## zh-CN |
|||
|
|||
浮动固定页脚。 |
|||
|
|||
## en-US |
|||
|
|||
Fixed to the footer. |
|||
|
|||
````jsx |
|||
import FooterToolbar from 'ant-design-pro/lib/FooterToolbar'; |
|||
import { Button } from 'antd'; |
|||
|
|||
ReactDOM.render( |
|||
<div style={{ background: '#f7f7f7', padding: 24 }}> |
|||
<p>页面内容 页面内容 页面内容 页面内容</p> |
|||
<p>页面内容 页面内容 页面内容 页面内容</p> |
|||
<p>页面内容 页面内容 页面内容 页面内容</p> |
|||
<p>页面内容 页面内容 页面内容 页面内容</p> |
|||
<p>页面内容 页面内容 页面内容 页面内容</p> |
|||
<p>页面内容 页面内容 页面内容 页面内容</p> |
|||
<p>页面内容 页面内容 页面内容 页面内容</p> |
|||
<p>页面内容 页面内容 页面内容 页面内容</p> |
|||
<p>页面内容 页面内容 页面内容 页面内容</p> |
|||
<p>页面内容 页面内容 页面内容 页面内容</p> |
|||
<p>页面内容 页面内容 页面内容 页面内容</p> |
|||
<p>页面内容 页面内容 页面内容 页面内容</p> |
|||
<p>页面内容 页面内容 页面内容 页面内容</p> |
|||
<p>页面内容 页面内容 页面内容 页面内容</p> |
|||
<p>页面内容 页面内容 页面内容 页面内容</p> |
|||
<FooterToolbar extra="提示信息"> |
|||
<Button>取消</Button> |
|||
<Button type="primary">提交</Button> |
|||
<p>Content Content Content Content</p> |
|||
<p>Content Content Content Content</p> |
|||
<p>Content Content Content Content</p> |
|||
<p>Content Content Content Content</p> |
|||
<p>Content Content Content Content</p> |
|||
<p>Content Content Content Content</p> |
|||
<p>Content Content Content Content</p> |
|||
<p>Content Content Content Content</p> |
|||
<p>Content Content Content Content</p> |
|||
<p>Content Content Content Content</p> |
|||
<p>Content Content Content Content</p> |
|||
<p>Content Content Content Content</p> |
|||
<p>Content Content Content Content</p> |
|||
<p>Content Content Content Content</p> |
|||
<p>Content Content Content Content</p> |
|||
<FooterToolbar extra="extra information"> |
|||
<Button>Cancel</Button> |
|||
<Button type="primary">Submit</Button> |
|||
</FooterToolbar> |
|||
</div> |
|||
, mountNode); |
|||
```` |
|||
```` |
|||
@ -0,0 +1,18 @@ |
|||
--- |
|||
title: FooterToolbar |
|||
cols: 1 |
|||
order: 6 |
|||
--- |
|||
|
|||
A toolbar fixed at the bottom. |
|||
|
|||
## Usage |
|||
|
|||
It is fixed at the bottom of the content area and does not move along with the scroll bar, which is usually used for data collection and submission for long pages. |
|||
|
|||
## API |
|||
|
|||
Property | Description | Type | Default |
|||
---------|-------------|------|-------- |
|||
children | toolbar content, align to the right | ReactNode | - |
|||
extra | extra information, align to the left | ReactNode | - |
|||
@ -1,7 +1,5 @@ |
|||
--- |
|||
title: |
|||
en-US: FooterToolbar |
|||
zh-CN: FooterToolbar |
|||
title: FooterToolbar |
|||
subtitle: 底部工具栏 |
|||
cols: 1 |
|||
order: 6 |
|||
Loading…
Reference in new issue