diff --git a/site/common/styles/markdown.less b/site/common/styles/markdown.less index 83a2b1ce3f..537fc2b954 100644 --- a/site/common/styles/markdown.less +++ b/site/common/styles/markdown.less @@ -159,6 +159,7 @@ .markdown .waiting { color: #ccc; + cursor: not-allowed; } .markdown h1:hover .anchor, diff --git a/site/common/styles/responsive.less b/site/common/styles/responsive.less index 6734050576..a62ffd6e91 100644 --- a/site/common/styles/responsive.less +++ b/site/common/styles/responsive.less @@ -25,7 +25,7 @@ } a#logo { - width: 144px; + width: 150px; margin-left: auto; margin-right: auto; float: none; @@ -64,8 +64,18 @@ animation: moveLeftOut .2s ease-in forwards; } - ul#nav, ul#nav li { + ul#nav, + ul#nav li { width: 100%; + font-size: 14px; + } + + ul#nav li { + line-height: 60px; + height: 60px; + a { + color: #333; + } } .toc { diff --git a/site/common/styles/toc.less b/site/common/styles/toc.less index 1cbdd9fa80..38a780948e 100644 --- a/site/common/styles/toc.less +++ b/site/common/styles/toc.less @@ -42,7 +42,7 @@ .toc-affix { position: absolute; top: 8px; - right: 30px; + right: 20px; } .demos-anchor { diff --git a/site/component/Article/index.jsx b/site/component/Article/index.jsx index 9ba0ebb294..5dd1e9a59f 100644 --- a/site/component/Article/index.jsx +++ b/site/component/Article/index.jsx @@ -11,8 +11,18 @@ export default class Article extends React.Component { componentDidUpdate() { const { chinese, english } = this.props.content.meta; utils.setTitle(`${chinese || english} - Ant Design`); + const links = Array.apply(null, document.querySelectorAll('.outside-link.internal')); + if (links.length === 0) { + return; + } + const checkImgUrl = 'http://alipay-rmsdeploy-dev-image.oss-cn-hangzhou-zmf.aliyuncs.com/rmsportal/JdVaTbZzPxEldUi.png'; + utils.ping(checkImgUrl, status => { + if (status === 'responded') { + links.forEach(link => (link.style.display = 'block')); + } + }); } - getTimelineFromArticle(article) { + getArticle(article) { const { content } = this.props; const { meta } = content; if (!meta.timeline) { @@ -69,7 +79,7 @@ export default class Article extends React.Component { null } { - this.getTimelineFromArticle(utils.jsonmlToComponent( + this.getArticle(utils.jsonmlToComponent( location.pathname, ['section', { className: 'markdown' }].concat(description) )) diff --git a/site/component/Footer/index.jsx b/site/component/Footer/index.jsx index 0ae0341b2b..7a8eb4061a 100644 --- a/site/component/Footer/index.jsx +++ b/site/component/Footer/index.jsx @@ -1,5 +1,5 @@ import React from 'react'; -import { Select } from 'antd'; +import { Select, Modal } from 'antd'; import { version as antdVersion } from '../../../package.json'; import { docVersions } from '../../website.config'; const Option = Select.Option; @@ -7,13 +7,36 @@ const Option = Select.Option; docVersions[antdVersion] = antdVersion; export default class Footer extends React.Component { - constructor(props) { - super(props); - - this.handleVersionChange = this.handleVersionChange.bind(this); + componentDidMount() { + // 大版本发布后全局弹窗提示 + // 1. 点击『知道了』之后不再提示 + // 2. 超过截止日期后不再提示 + if (localStorage.getItem('infoNewVersionSent') !== 'true' || + new Date().getTime() > new Date('2016/05/22').getTime()) { + this.infoNewVersion(); + } } - handleVersionChange(url) { + infoNewVersion() { + Modal.info({ + title: '尊敬的用户,antd@1.0 已正式发布。', + content: ( +
+

+ 1.0 版本有 大量改进 + ,欢迎升级。 +

+

+ 如果您还需要使用旧版,请查阅 012x.ant.design + ,也可通过页面右下角的文档版本选择框进行切换。 +

+
+ ), + onOk: () => localStorage.setItem('infoNewVersionSent', 'true'), + }); + } + + handleVersionChange = (url) => { window.location.href = url; } diff --git a/site/component/Home/index.jsx b/site/component/Home/index.jsx index 6e10643d53..c610ab37ff 100644 --- a/site/component/Home/index.jsx +++ b/site/component/Home/index.jsx @@ -54,6 +54,14 @@ export default class Home extends React.Component { .home-nav-white #nav a { color: #666; } + .nav-phone-icon:before { + background: #eee; + box-shadow: 0 7px 0 0 #eee, 0 14px 0 0 #eee; + } + .home-nav-white .nav-phone-icon:before { + background: #777; + box-shadow: 0 7px 0 0 #777, 0 14px 0 0 #777; + } #nav a { color: #eee; transition: color 0.5s cubic-bezier(0.455, 0.03, 0.515, 0.955); diff --git a/site/component/utils.js b/site/component/utils.js index ce6bc1c5f0..23886e767f 100644 --- a/site/component/utils.js +++ b/site/component/utils.js @@ -62,3 +62,19 @@ export function jsonmlToComponent(pathname, jsonml) { export function setTitle(title) { document.title = title; } + +export function ping(url, callback) { + const img = new Image(); + let done; + const finish = (status) => { + if (!done) { + done = true; + img.src = ''; + callback(status); + } + }; + img.onload = () => finish('responded'); + img.onerror = () => finish('error'); + img.src = url; + setTimeout(() => finish('timeout'), 1500); +} diff --git a/site/website.config.js b/site/website.config.js index 4cca106acc..f2116fa664 100644 --- a/site/website.config.js +++ b/site/website.config.js @@ -1,7 +1,6 @@ export default { categoryOrder: { 组件: 0, - 十大原则: 0, 设计基础: 1, 动画: 2, @@ -13,11 +12,9 @@ export default { 导航: 3, 其它: 4, }, - redirects: { CHANGELOG: 'docs/react/changelog', }, - docVersions: { '0.9.x': 'http://09x.ant.design/', '0.10.x': 'http://010x.ant.design/',