committed by
ddcat1115
3 changed files with 47 additions and 23 deletions
@ -1,36 +1,44 @@ |
|||||
--- |
--- |
||||
order: 0 |
order: 0 |
||||
title: 演示 |
title: |
||||
|
- zh-CN: 演示 |
||||
|
- en-US: demo |
||||
iframe: 400 |
iframe: 400 |
||||
--- |
--- |
||||
|
|
||||
|
## zh-CN |
||||
|
|
||||
浮动固定页脚。 |
浮动固定页脚。 |
||||
|
|
||||
|
## en-US |
||||
|
|
||||
|
Fixed to the footer. |
||||
|
|
||||
````jsx |
````jsx |
||||
import FooterToolbar from 'ant-design-pro/lib/FooterToolbar'; |
import FooterToolbar from 'ant-design-pro/lib/FooterToolbar'; |
||||
import { Button } from 'antd'; |
import { Button } from 'antd'; |
||||
|
|
||||
ReactDOM.render( |
ReactDOM.render( |
||||
<div style={{ background: '#f7f7f7', padding: 24 }}> |
<div style={{ background: '#f7f7f7', padding: 24 }}> |
||||
<p>页面内容 页面内容 页面内容 页面内容</p> |
<p>Content Content Content Content</p> |
||||
<p>页面内容 页面内容 页面内容 页面内容</p> |
<p>Content Content Content Content</p> |
||||
<p>页面内容 页面内容 页面内容 页面内容</p> |
<p>Content Content Content Content</p> |
||||
<p>页面内容 页面内容 页面内容 页面内容</p> |
<p>Content Content Content Content</p> |
||||
<p>页面内容 页面内容 页面内容 页面内容</p> |
<p>Content Content Content Content</p> |
||||
<p>页面内容 页面内容 页面内容 页面内容</p> |
<p>Content Content Content Content</p> |
||||
<p>页面内容 页面内容 页面内容 页面内容</p> |
<p>Content Content Content Content</p> |
||||
<p>页面内容 页面内容 页面内容 页面内容</p> |
<p>Content Content Content Content</p> |
||||
<p>页面内容 页面内容 页面内容 页面内容</p> |
<p>Content Content Content Content</p> |
||||
<p>页面内容 页面内容 页面内容 页面内容</p> |
<p>Content Content Content Content</p> |
||||
<p>页面内容 页面内容 页面内容 页面内容</p> |
<p>Content Content Content Content</p> |
||||
<p>页面内容 页面内容 页面内容 页面内容</p> |
<p>Content Content Content Content</p> |
||||
<p>页面内容 页面内容 页面内容 页面内容</p> |
<p>Content Content Content Content</p> |
||||
<p>页面内容 页面内容 页面内容 页面内容</p> |
<p>Content Content Content Content</p> |
||||
<p>页面内容 页面内容 页面内容 页面内容</p> |
<p>Content Content Content Content</p> |
||||
<FooterToolbar extra="提示信息"> |
<FooterToolbar extra="extra information"> |
||||
<Button>取消</Button> |
<Button>Cancel</Button> |
||||
<Button type="primary">提交</Button> |
<Button type="primary">Submit</Button> |
||||
</FooterToolbar> |
</FooterToolbar> |
||||
</div> |
</div> |
||||
, mountNode); |
, 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: |
title: FooterToolbar |
||||
en-US: FooterToolbar |
|
||||
zh-CN: FooterToolbar |
|
||||
subtitle: 底部工具栏 |
subtitle: 底部工具栏 |
||||
cols: 1 |
cols: 1 |
||||
order: 6 |
order: 6 |
||||
Loading…
Reference in new issue