Browse Source

feat: add DefaultFooter dom

fix #5407
pull/5419/head
陈帅 7 years ago
parent
commit
6cfd0efc84
  1. 34
      src/layouts/BasicLayout.tsx

34
src/layouts/BasicLayout.tsx

@ -8,11 +8,13 @@ import ProLayout, {
MenuDataItem, MenuDataItem,
BasicLayoutProps as ProLayoutProps, BasicLayoutProps as ProLayoutProps,
Settings, Settings,
DefaultFooter,
} from '@ant-design/pro-layout'; } from '@ant-design/pro-layout';
import React, { useEffect } from 'react'; import React, { useEffect } from 'react';
import Link from 'umi/link'; import Link from 'umi/link';
import { Dispatch } from 'redux'; import { Dispatch } from 'redux';
import { connect } from 'dva'; import { connect } from 'dva';
import { Icon } from 'antd';
import { formatMessage } from 'umi-plugin-react/locale'; import { formatMessage } from 'umi-plugin-react/locale';
import Authorized from '@/utils/Authorized'; import Authorized from '@/utils/Authorized';
@ -46,13 +48,39 @@ const menuDataRender = (menuList: MenuDataItem[]): MenuDataItem[] =>
return Authorized.check(item.authority, localItem, null) as MenuDataItem; return Authorized.check(item.authority, localItem, null) as MenuDataItem;
}); });
const footerRender: BasicLayoutProps['footerRender'] = (_, defaultDom) => { const defaultFooterDom = (
<DefaultFooter
copyright="2019 蚂蚁金服体验技术部出品"
links={[
{
key: 'Ant Design Pro',
title: 'Ant Design Pro',
href: 'https://pro.ant.design',
blankTarget: true,
},
{
key: 'github',
title: <Icon type="github" />,
href: 'https://github.com/ant-design/ant-design-pro',
blankTarget: true,
},
{
key: 'Ant Design',
title: 'Ant Design',
href: 'https://ant.design',
blankTarget: true,
},
]}
/>
);
const footerRender: BasicLayoutProps['footerRender'] = () => {
if (!isAntDesignPro()) { if (!isAntDesignPro()) {
return defaultDom; return defaultFooterDom;
} }
return ( return (
<> <>
{defaultDom} {defaultFooterDom}
<div <div
style={{ style={{
padding: '0px 24px 24px', padding: '0px 24px 24px',

Loading…
Cancel
Save