陈帅 6 лет назад
Родитель
Сommit
d52f171832

+ 0 - 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;
-  }
-}

+ 0 - 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;

+ 2 - 28
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>
   );