3 changed files with 2 additions and 97 deletions
@ -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; |
|||
} |
|||
} |
|||
@ -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; |
|||
Loading…
Reference in new issue