GlobalFooter全局页脚

页脚属于全局导航的一部分,作为对顶部导航的补充,通过传递数据控制展示内容。

引用方式:

  1. import GlobalFooter from 'ant-design-pro/lib/GlobalFooter';

详细使用方式请参照:独立使用 pro 组件

代码演示

GlobalFooter 全局页脚 - 图1

演示

基本页脚。

  1. import GlobalFooter from 'ant-design-pro/lib/GlobalFooter';
  2. import { Icon } from 'antd';
  3. const links = [{
  4. key: '帮助',
  5. title: '帮助',
  6. href: '',
  7. }, {
  8. key: 'github',
  9. title: <Icon type="github" />,
  10. href: 'https://github.com/ant-design/ant-design-pro',
  11. blankTarget: true,
  12. }, {
  13. key: '条款',
  14. title: '条款',
  15. href: '',
  16. blankTarget: true,
  17. }];
  18. const copyright = <div>Copyright <Icon type="copyright" /> 2017 蚂蚁金服体验技术部出品</div>;
  19. ReactDOM.render(
  20. <div style={{ background: '#f5f5f5', overflow: 'hidden' }}>
  21. <div style={{ height: 280 }} />
  22. <GlobalFooter links={links} copyright={copyright} />
  23. </div>
  24. , mountNode);

API

参数说明类型默认值
links链接数据array<{ title: ReactNode, href: string, blankTarget?: boolean }>-
copyright版权信息ReactNode-