Fix footer links

This commit is contained in:
afc163 2016-05-12 17:44:36 +08:00
parent 664bb8ea08
commit ef8852bc27
2 changed files with 32 additions and 30 deletions

View File

@ -17,20 +17,15 @@ footer ul {
footer ul li { footer ul li {
float: left; float: left;
width: 25%; width: 25%;
padding: 5px 2% 15px; padding: 15px 2%;
} }
footer ul li > h2 { footer ul li > h2 {
font-size: 16px; font-size: 16px;
margin: 10px auto 5px; margin: 0 auto 8px;
font-weight: normal; font-weight: normal;
} }
footer ul li > div { footer ul li > div {
margin: auto; margin: 0 8px 5px 0;
margin: 10px 0;
}
footer ul li > a {
margin: 5px 8px 0 0;
} }

View File

@ -26,35 +26,42 @@ export default class Footer extends React.Component {
<ul> <ul>
<li> <li>
<h2>GitHub</h2> <h2>GitHub</h2>
<a target="_blank " href="https://github.com/ant-design/ant-design"> <div>
仓库 <a target="_blank " href="https://github.com/ant-design/ant-design">仓库</a>
</a> </div>
<a target="_blank" href="https://github.com/ant-design/ant-design/tree/master/style"> <div>
样式 <a target="_blank" href="https://github.com/ant-design/antd-init">antd-init</a> - 脚手架
</a> </div>
<a target="_blank" href="https://github.com/ant-design/antd-bin"> <div>
开发工具 <a target="_blank" href="http://ant-tool.github.io">ant-tool</a> - 开发工具
</a> </div>
</li> </li>
<li> <li>
<h2>关于我们</h2> <h2>相关站点</h2>
<a href="https://github.com/ant-ued/blog/issues">团队博客 - Ant UED</a> <div><a href="http://motion.ant.design">Ant Motion</a> - 设计动效</div>
<div><a href="http://motion.ant.design">Ant UX</a> - 页面逻辑素材</div>
</li> </li>
<li> <li>
<h2>联系我们</h2> <h2>联系我们</h2>
<div>
<a target="_blank" href="https://github.com/ant-design/ant-design/issues"> <a target="_blank" href="https://github.com/ant-design/ant-design/issues">
反馈和建议 反馈和建议
</a> </a>
</div>
<div>
<a target="_blank" href="https://gitter.im/ant-design/ant-design"> <a target="_blank" href="https://gitter.im/ant-design/ant-design">
讨论 讨论
</a> </a>
</div>
<div>
<a target="_blank" href="https://github.com/ant-design/ant-design/issues/new"> <a target="_blank" href="https://github.com/ant-design/ant-design/issues/new">
报告 Bug 报告 Bug
</a> </a>
</div>
</li> </li>
<li> <li>
<div>©2015 蚂蚁金服体验技术部出品</div> <div>©2016 蚂蚁金服体验技术部出品</div>
<div> <div style={{ marginTop: 10 }}>
文档版本 文档版本
<Select <Select
size="small" size="small"