130 lines
3.0 KiB
JavaScript
130 lines
3.0 KiB
JavaScript
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.git'
|
|
},
|
|
{
|
|
itemTitle: 'YApi xwj-vic源码仓库',
|
|
itemLink: 'https://github.com/xwj-vic/yapi.git'
|
|
}
|
|
]
|
|
},
|
|
{
|
|
title: '社区自由维护者',
|
|
iconType: 'team',
|
|
linkList: [
|
|
{
|
|
itemTitle: '编译指南',
|
|
itemLink: 'https://blog.opendeveloper.cn/yapi'
|
|
}
|
|
]
|
|
},
|
|
{
|
|
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'
|
|
},
|
|
{
|
|
itemTitle: 'xwj-vic Github Issues',
|
|
itemLink: 'https://github.com/xwj-vic/yapi/issues'
|
|
},
|
|
{
|
|
itemTitle: 'xwj-vic Github Pull Requests',
|
|
itemLink: 'https://github.com/xwj-vic/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;
|