Browse Source

💄 upgrade site footer

pull/13072/head
afc163 6 years ago
parent
commit
ee8e413cf5
No known key found for this signature in database GPG Key ID: 5F00908D72002306
  1. 2
      docs/react/faq.en-US.md
  2. 7
      site/theme/en-US.js
  3. 60
      site/theme/template/Layout/Footer.jsx
  4. 9
      site/theme/zh-CN.js

2
docs/react/faq.en-US.md

@ -3,7 +3,7 @@ order: 9
title: FAQ
---
Search in the questions about React first: https://reactfaq.site .
Here are the frequently asked questions about Ant Design and antd that you should look up before you ask in community or create new issue. We also maintain a [FAQ issues label](https://github.com/ant-design/ant-design/issues?q=label%3AFAQ+is%3Aclosed) for common github issues.
---

7
site/theme/en-US.js

@ -60,8 +60,8 @@ module.exports = {
'app.footer.data-vis': 'Data Visualization',
'app.footer.eggjs': 'Enterprise Node Framework',
'app.footer.motion': 'Motion Solution',
'app.footer.design-resources': 'Design Resources',
'app.footer.antd-library': 'Axure library',
'app.footer.design-platform': 'Ant Financial Design Platform',
'app.footer.antux': 'Sitemap Template',
'app.footer.community': 'Community',
'app.footer.help': 'Help',
@ -84,10 +84,11 @@ module.exports = {
'app.footer.yuque.slogan': 'Write your document as a team',
'app.footer.fengdie': 'FengDie',
'app.footer.fengdie.slogan': 'Mobile web app builder',
'app.footer.zhihu': 'Zhihu',
'app.footer.zhihu': 'Ant Design Blog',
'app.footer.zhihu.xtech': 'Experience Cloud Blog',
'app.footer.seeconf': 'Seeking Experience & Engineering Conference',
'app.footer.xcloud': 'Ant Experience Cloud',
'app.footer.xtech': 'Ant Financial Experience Tech',
'app.footer.xtech.slogan': 'Experience The Beauty',
'app.publish.title': 'antd@3.0.0 has been released! 🎉 🎉 🎉',
'app.publish.greeting': 'Hello, ',
'app.publish.intro': ' has been released, and please upgrade. ',

60
site/theme/template/Layout/Footer.jsx

@ -1,7 +1,8 @@
import React from 'react';
import { FormattedMessage, injectIntl } from 'react-intl';
import { Modal, message, Row, Col, Badge, Icon } from 'antd';
import { isLocalStorageNameSupported, loadScript } from '../utils';
import { Link } from 'bisheng/router';
import { isLocalStorageNameSupported, loadScript, getLocalizedPathname } from '../utils';
import ColorPicker from '../Color/ColorPicker';
class Footer extends React.Component {
@ -85,7 +86,9 @@ class Footer extends React.Component {
}
render() {
const { intl = {} } = this.props;
const { color } = this.state;
const isZhCN = intl.locale === 'zh-CN';
return (
<footer id="footer">
<div className="footer-wrap">
@ -107,11 +110,6 @@ class Footer extends React.Component {
<div>
<a href="http://ng.mobile.ant.design">NG-ZORRO-MOBILE</a>
</div>
<div>
<a target="_blank " href="https://github.com/websemantics/awesome-ant-design">
<FormattedMessage id="app.footer.awesome" />
</a>
</div>
<div>
<a target="_blank" rel="noopener noreferrer" href="http://kitchen.alipay.com">Kitchen</a>
<span> - </span>
@ -141,17 +139,12 @@ class Footer extends React.Component {
<FormattedMessage id="app.footer.motion" />
</div>
<div>
<a target="_blank" rel="noopener noreferrer" href="http://library.ant.design/">Axure Library</a>
<span> - </span>
<FormattedMessage id="app.footer.antd-library" />
</div>
<div>
<a target="_blank" rel="noopener noreferrer" href="http://ux.ant.design">Ant UX</a>
<span> - </span>
<FormattedMessage id="app.footer.antux" />
<Link to={getLocalizedPathname('/docs/spec/download', isZhCN)}>
<FormattedMessage id="app.footer.design-resources" />
</Link>
</div>
<div>
<a target="_blank " href="http://ant-design.gitee.io/">
<a target="_blank" rel="noopener noreferrer" href="http://ant-design.gitee.io/">
<FormattedMessage id="app.footer.chinamirror" />
</a>
</div>
@ -161,23 +154,28 @@ class Footer extends React.Component {
<div className="footer-center">
<h2><FormattedMessage id="app.footer.community" /></h2>
<div>
<a target="_blank" rel="noopener noreferrer" href="http://zhuanlan.zhihu.com/antdesign">
<FormattedMessage id="app.footer.zhihu" />
<a target="_blank" rel="noopener noreferrer" href="https://github.com/websemantics/awesome-ant-design">
<Icon type="ant-design" /> <FormattedMessage id="app.footer.awesome" />
</a>
</div>
<div>
<a target="_blank" rel="noopener noreferrer" href="http://medium.com/ant-design/">
Medium
<Icon type="medium" /> Medium
</a>
</div>
<div>
<a target="_blank" rel="noopener noreferrer" href="http://twitter.com/antdesignui">
Twitter
<Icon type="twitter" style={{ color: '#1DA1F2' }} /> Twitter
</a>
</div>
<div>
<a target="_blank" rel="noopener noreferrer" href="http://zhuanlan.zhihu.com/antdesign">
<Icon type="zhihu" style={{ color: '#0084ff' }} /> <FormattedMessage id="app.footer.zhihu" />
</a>
</div>
<div>
<a target="_blank" rel="noopener noreferrer" href="http://zhuanlan.zhihu.com/xtech">
<FormattedMessage id="app.footer.zhihu.xtech" />
<Icon type="zhihu" style={{ color: '#0084ff' }} /> <FormattedMessage id="app.footer.zhihu.xtech" />
</a>
</div>
<div>
@ -188,9 +186,9 @@ class Footer extends React.Component {
<FormattedMessage id="app.footer.seeconf" />
</div>
<div>
<a target="_blank " href="/docs/spec/work-with-us">
<Link to={getLocalizedPathname('/docs/spec/work-with-us', isZhCN)}>
<FormattedMessage id="app.footer.work_with_us" />
</a>
</Link>
</div>
</div>
</Col>
@ -198,24 +196,24 @@ class Footer extends React.Component {
<div className="footer-center">
<h2><FormattedMessage id="app.footer.help" /></h2>
<div>
<a target="_blank " href="https://github.com/ant-design/ant-design">
<a target="_blank" rel="noopener noreferrer" href="https://github.com/ant-design/ant-design">
GitHub
</a>
</div>
<div>
<a href="/changelog">
<Link to={getLocalizedPathname('/changelog', isZhCN)}>
<FormattedMessage id="app.footer.change-log" />
</a>
</Link>
</div>
<div>
<a target="_blank " href="https://www.yuque.com/ant-design/course">
<a target="_blank" rel="noopener noreferrer" href="https://www.yuque.com/ant-design/course">
<FormattedMessage id="app.footer.course" />
</a>
</div>
<div>
<a target="_blank" rel="noopener noreferrer" href="/docs/react/faq">
<Link to={getLocalizedPathname('/docs/react/faq', isZhCN)}>
<FormattedMessage id="app.footer.faq" />
</a>
</Link>
</div>
<div>
<a target="_blank" rel="noopener noreferrer" href="https://gitter.im/ant-design/ant-design">
@ -257,7 +255,7 @@ class Footer extends React.Component {
</h2>
<div>
<a target="_blank" rel="noopener noreferrer" href="https://yuque.com/">
<FormattedMessage id="app.footer.yuque" />
<Icon type="yuque" theme="filled" style={{ color: '#25b864' }} /> <FormattedMessage id="app.footer.yuque" />
</a>
<span> - </span>
<FormattedMessage id="app.footer.yuque.slogan" />
@ -280,8 +278,8 @@ class Footer extends React.Component {
<FormattedMessage id="app.footer.eggjs" />
</div>
<div>
<a target="_blank" rel="noopener noreferrer" href="http://xcloud.alipay.com/">
<FormattedMessage id="app.footer.xcloud" />
<a target="_blank" rel="noopener noreferrer" href="http://xtech.antfin.com/">
<FormattedMessage id="app.footer.xtech" />
</a>
</div>
<div style={{ marginTop: 20 }}>

9
site/theme/zh-CN.js

@ -61,11 +61,11 @@ module.exports = {
'app.footer.eggjs': '企业级 Node 开发框架',
'app.footer.motion': '设计动效',
'app.footer.antd-library': 'Axure 部件库',
'app.footer.design-platform': '蚂蚁金服设计平台',
'app.footer.design-resources': '设计资源下载',
'app.footer.antux': '页面逻辑素材',
'app.footer.community': '社区',
'app.footer.help': '帮助',
'app.footer.change-log': '更新记录',
'app.footer.change-log': '更新日志',
'app.footer.faq': '常见问题',
'app.footer.feedback': '反馈和建议',
'app.footer.stackoverflow': 'StackOverflow',
@ -84,10 +84,11 @@ module.exports = {
'app.footer.yuque.slogan': '知识创作与分享工具',
'app.footer.fengdie': '云凤蝶',
'app.footer.fengdie.slogan': '移动建站平台',
'app.footer.zhihu': '知乎专栏',
'app.footer.zhihu': 'Ant Design 专栏',
'app.footer.zhihu.xtech': '体验科技专栏',
'app.footer.seeconf': '蚂蚁体验科技大会',
'app.footer.xcloud': '蚂蚁体验云',
'app.footer.xtech': '蚂蚁体验科技',
'app.footer.xtech.slogan': '让用户体验美好',
'app.publish.title': 'antd@3.0.0 发布!🎉 🎉 🎉',
'app.publish.greeting': '你好,',
'app.publish.intro': ' 已正式发布,欢迎升级。',

Loading…
Cancel
Save