import { Fragment } from 'react' ; import { Link } from 'react-router-dom' ; import ButtonStyle from '../../component/ButtonStyle' ; import styles from './index.module.less' ; import FooterTitle from '../../component/Footer' ; const data = [ { username : 'yaochuxia' } , { username : 'xingyuefeng' , nickname : 'xyf' } , { username : 'ChenlingasMx' , nickname : 'Chenling' } , { username : 'matuancc' , nickname : 'cc' } , { username : 'wj0990' , nickname : 'wangjie' } , { username : 'yaob421123' , nickname : 'yaobin' } , { username : 'jaywcjlove' , nickname : '小弟调调™' } , { username : 'didiboji' , nickname : 'didiboji' } , { username : 'Amber-Nan' , nickname : 'Amber-Nan' } , { username : 'cuilanxin' , nickname : 'cuilanxin' } , { username : 'zuojiahui' , nickname : '左嘉辉' } , { username : 'hy916' , nickname : 'huyi' } , { username : 'dibenny' , nickname : 'dibenny' } , { username : 'huqiaoli' , nickname : 'huqiaoli' } , ] ; export default function Team ( ) { return ( < Fragment > < section className = { styles . warpper } > < header className = { styles . header } > < h2 > Development & Design team < /h2> < /header> < ul className = { styles . team } > { data . map ( ( { username , nickname } , idx ) => ( < li key = { idx } > < a href = { `https://github.com/${ username }` } target = "__blank" > < img src = { `https://github.com/${ username }.png?size=90` } alt = { nickname || username } /> < span > { nickname || username } < /span> < /a> < /li>))} < /ul> < /section> < article className = { styles . article } > < h3 > 欢迎参与文档编辑 & 组件开发 < /h3> < div > < ButtonStyle > < Link to = "/docs/development/components" > 参与组件开发 < /Link> < /ButtonStyle> < ButtonStyle > < Link to = "/docs/development/document" > 参与文档编辑 < /Link> < /ButtonStyle> < /div> < /article> < FooterTitle / > < /Fragment>); }