118 lines
2.6 KiB
JavaScript
Executable File
118 lines
2.6 KiB
JavaScript
Executable File
import './Footer.scss';
|
|
import React, { PureComponent as Component } from 'react';
|
|
import PropTypes from 'prop-types';
|
|
import { Row, Col } from 'antd';
|
|
import { Icon } from 'antd';
|
|
|
|
const version = process.env.version;
|
|
class Footer extends Component {
|
|
constructor(props) {
|
|
super(props);
|
|
}
|
|
static propTypes = {
|
|
footList: PropTypes.array
|
|
};
|
|
render() {
|
|
return (
|
|
<div className="footer-wrapper">
|
|
<Row className="footer-container">
|
|
{this.props.footList.map(function(item, i) {
|
|
return (
|
|
<FootItem
|
|
key={i}
|
|
linkList={item.linkList}
|
|
title={item.title}
|
|
iconType={item.iconType}
|
|
/>
|
|
);
|
|
})}
|
|
</Row>
|
|
</div>
|
|
);
|
|
}
|
|
}
|
|
|
|
class FootItem extends Component {
|
|
constructor(props) {
|
|
super(props);
|
|
}
|
|
static propTypes = {
|
|
linkList: PropTypes.array,
|
|
title: PropTypes.string,
|
|
iconType: PropTypes.string
|
|
};
|
|
render() {
|
|
return (
|
|
<Col span={6}>
|
|
<h4 className="title">
|
|
{this.props.iconType ? <Icon type={this.props.iconType} className="icon" /> : ''}
|
|
{this.props.title}
|
|
</h4>
|
|
{this.props.linkList.map(function(item, i) {
|
|
return (
|
|
<p key={i}>
|
|
<a href={item.itemLink} className="link">
|
|
{item.itemTitle}
|
|
</a>
|
|
</p>
|
|
);
|
|
})}
|
|
</Col>
|
|
);
|
|
}
|
|
}
|
|
|
|
Footer.defaultProps = {
|
|
footList: [
|
|
{
|
|
title: 'GitHub',
|
|
iconType: 'github',
|
|
linkList: [
|
|
{
|
|
itemTitle: 'YApi 源码仓库',
|
|
itemLink: 'https://github.com/YMFE/yapi'
|
|
}
|
|
]
|
|
},
|
|
{
|
|
title: '团队',
|
|
iconType: 'team',
|
|
linkList: [
|
|
{
|
|
itemTitle: 'YMFE',
|
|
itemLink: 'https://ymfe.org'
|
|
}
|
|
]
|
|
},
|
|
{
|
|
title: '反馈',
|
|
iconType: 'aliwangwang-o',
|
|
linkList: [
|
|
{
|
|
itemTitle: 'Github Issues',
|
|
itemLink: 'https://github.com/YMFE/yapi/issues'
|
|
},
|
|
{
|
|
itemTitle: 'Github Pull Requests',
|
|
itemLink: 'https://github.com/YMFE/yapi/pulls'
|
|
}
|
|
]
|
|
},
|
|
{
|
|
title: `Copyright © 2018-${new Date().getFullYear()} YMFE`,
|
|
linkList: [
|
|
{
|
|
itemTitle: `版本: ${version} `,
|
|
itemLink: 'https://github.com/YMFE/yapi/blob/master/CHANGELOG.md'
|
|
},
|
|
{
|
|
itemTitle: '使用文档',
|
|
itemLink: 'https://hellosean1025.github.io/yapi/'
|
|
}
|
|
]
|
|
}
|
|
]
|
|
};
|
|
|
|
export default Footer;
|