Add pro link

This commit is contained in:
afc163 2017-10-31 16:32:09 +08:00
parent 7c3a483190
commit ace590273a
4 changed files with 17 additions and 5 deletions

View File

@ -12,6 +12,7 @@ module.exports = {
'app.header.menu.spec': 'Guidelines',
'app.header.menu.resource': 'Resources',
'app.header.menu.mobile': 'Mobile',
'app.header.menu.pro': 'PRO',
'app.header.lang': '中文',
'app.content.edit-page': 'Edit this page on GitHub!',
'app.content.edit-demo': 'Edit this demo on GitHub!',

View File

@ -18,6 +18,14 @@
color: @text-color;
}
}
.header-link {
color: @text-color;
}
.ant-menu-item-active .header-link {
color: @primary-color;
}
}
#logo {

View File

@ -3,7 +3,7 @@ import PropTypes from 'prop-types';
import { Link } from 'bisheng/router';
import { FormattedMessage } from 'react-intl';
import classNames from 'classnames';
import { Select, Menu, Row, Col, Icon, Button, Popover, AutoComplete, Input } from 'antd';
import { Select, Menu, Row, Col, Icon, Button, Popover, AutoComplete, Input, Badge } from 'antd';
import * as utils from '../utils';
import { version as antdVersion } from '../../../../package.json';
@ -195,10 +195,12 @@ export default class Header extends React.Component {
<FormattedMessage id="app.header.menu.resource" />
</Link>
</Menu.Item>
<Menu.Item key="mobile">
<a href="//mobile.ant.design">
<FormattedMessage id="app.header.menu.mobile" />
</a>
<Menu.Item key="pro">
<Badge dot>
<a href="http://pro.ant.design" className="header-link">
<FormattedMessage id="app.header.menu.pro" />
</a>
</Badge>
</Menu.Item>
</Menu>,
];

View File

@ -12,6 +12,7 @@ module.exports = {
'app.header.menu.spec': '指引',
'app.header.menu.resource': '资源',
'app.header.menu.mobile': '移动版',
'app.header.menu.pro': 'PRO',
'app.header.lang': 'EN',
'app.content.edit-page': '在 Github 上编辑此页!',
'app.content.edit-demo': '在 Github 上编辑此示例!',