GlobalFooter全局页脚
页脚属于全局导航的一部分,作为对顶部导航的补充,通过传递数据控制展示内容。
引用方式:
import GlobalFooter from 'ant-design-pro/lib/GlobalFooter';
详细使用方式请参照:独立使用 pro 组件
代码演示
基本页脚。
import GlobalFooter from 'ant-design-pro/lib/GlobalFooter';
import { Icon } from 'antd';
const links = [
{
key: '帮助',
title: '帮助',
href: '',
},
{
key: 'github',
title: <Icon type="github" />,
href: 'https://github.com/ant-design/ant-design-pro',
blankTarget: true,
},
{
key: '条款',
title: '条款',
href: '',
blankTarget: true,
},
];
const copyright = (
<div>
Copyright <Icon type="copyright" /> 2017 蚂蚁金服体验技术部出品
</div>
);
ReactDOM.render(
<div style={{ background: '#f5f5f5', overflow: 'hidden' }}>
<div style={{ height: 280 }} />
<GlobalFooter links={links} copyright={copyright} />
</div>,
mountNode
);
API
参数 | 说明 | 类型 | 默认值 |
---|---|---|---|
links | 链接数据 | array<{ title: ReactNode, href: string, blankTarget?: boolean }> | - |
copyright | 版权信息 | ReactNode | - |