Browse Source

feat: rm unused code

pull/4399/head 4.0.0
陈帅 7 years ago
parent
commit
d52f171832
  1. 29
      src/components/GlobalFooter/index.less
  2. 40
      src/components/GlobalFooter/index.tsx
  3. 30
      src/layouts/UserLayout.tsx

29
src/components/GlobalFooter/index.less

@ -1,29 +0,0 @@
@import '~antd/es/style/themes/default.less';
.globalFooter {
margin: 48px 0 24px 0;
padding: 0 16px;
text-align: center;
.links {
margin-bottom: 8px;
a {
color: @text-color-secondary;
transition: all 0.3s;
&:not(:last-child) {
margin-right: 40px;
}
&:hover {
color: @text-color;
}
}
}
.copyright {
color: @text-color-secondary;
font-size: @font-size-base;
}
}

40
src/components/GlobalFooter/index.tsx

@ -1,40 +0,0 @@
import React from 'react';
import classNames from 'classnames';
import styles from './index.less';
export interface GlobalFooterProps {
links?: Array<{
key?: string;
title: React.ReactNode;
href: string;
blankTarget?: boolean;
}>;
copyright?: React.ReactNode;
style?: React.CSSProperties;
className?: string;
}
const GlobalFooter: React.SFC<GlobalFooterProps> = ({ className, links, copyright }) => {
const clsString = classNames(styles.globalFooter, className);
return (
<footer className={clsString}>
{links && (
<div className={styles.links}>
{links.map(link => (
<a
key={link.key}
title={link.key}
target={link.blankTarget ? '_blank' : '_self'}
href={link.href}
>
{link.title}
</a>
))}
</div>
)}
{copyright && <div className={styles.copyright}>{copyright}</div>}
</footer>
);
};
export default GlobalFooter;

30
src/layouts/UserLayout.tsx

@ -1,39 +1,13 @@
import SelectLang from '@/components/SelectLang';
import GlobalFooter from '@/components/GlobalFooter';
import { ConnectProps, ConnectState } from '@/models/connect';
import { connect } from 'dva';
import { Icon } from 'antd';
import React from 'react';
import DocumentTitle from 'react-document-title';
import { formatMessage } from 'umi-plugin-react/locale';
import Link from 'umi/link';
import logo from '../assets/logo.svg';
import styles from './UserLayout.less';
import { MenuDataItem, getPageTitle, getMenuData } from '@ant-design/pro-layout';
const links = [
{
key: 'help',
title: formatMessage({ id: 'layout.user.link.help' }),
href: '',
},
{
key: 'privacy',
title: formatMessage({ id: 'layout.user.link.privacy' }),
href: '',
},
{
key: 'terms',
title: formatMessage({ id: 'layout.user.link.terms' }),
href: '',
},
];
const copyright = (
<>
Copyright <Icon type="copyright" /> 2019
</>
);
import { MenuDataItem, getPageTitle, getMenuData, DefaultFooter } from '@ant-design/pro-layout';
export interface UserLayoutProps extends ConnectProps {
breadcrumbNameMap: { [path: string]: MenuDataItem };
@ -79,7 +53,7 @@ const UserLayout: React.SFC<UserLayoutProps> = props => {
</div>
{children}
</div>
<GlobalFooter links={links} copyright={copyright} />
<DefaultFooter />
</div>
</DocumentTitle>
);

Loading…
Cancel
Save