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 | - |