test/ant-design
1
0
Fork 0
mirror of https://gitee.com/ant-design/ant-design.git synced 2024-12-01 03:29:39 +08:00
Code Issues Actions 69 Packages Projects Releases Wiki Activity

Adjust site layout

Browse Source
This commit is contained in:
afc163 2016-10-07 14:33:08 +08:00
parent f39687d69a
commit 847e40eac0
10 changed files with 42 additions and 32 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
components/form/index.en-US.md
View File

@ -5,8 +5,7 @@ cols: 1
title: Form
---
Forms are used to collect, validate, and submit the user input. They contain one or more form items.
There are many types of form items including checkbox, radio, input, select, and more.
Form is used to collect, validate, and submit the user input, usually contains various form items including checkbox, radio, input, select, and etc.
## Form

1
components/form/index.zh-CN.md
View File

@ -8,7 +8,6 @@ title: Form
具有数据收集、校验和提交功能的表单，包含复选框、单选框、输入框、下拉选择框等元素。
## 表单
我们为 `form` 提供了以下两种排列方式：

2
docs/spec/introduce.en-US.md
View File

@ -26,7 +26,7 @@ Ant Design, created specially for middleware design, is committed to improving t
[React](http://facebook.github.io/react/) is used to encapsulate a library of Ant Design components. Any other version of frameworks to implement is also welcome.
- [Ant Design of React](/docs/react/introduce)(official implementation)
- [Ant Design of React](/docs/react/introduce) (official implementation)
- <div class="outside-link"><a href="https://github.com/FE-Driver/vue-beauty" target="_blank">vue-beauty</a></div>
- <div class="outside-link internal"><a href="http://naza.alibaba.net" target="_blank">Ant Design of Angular 2.0</a></div>
- <div class="outside-link"><a href="https://github.com/okoala/vue-antd" target="_blank">vue-antd</a></div>

4
site/theme/en-US.js
View File

@ -16,7 +16,7 @@ module.exports = {
'app.component.examples': 'Examples',
'app.home.slogan': 'One Design Language for UI',
'app.home.introduce': 'Introduce',
'app.home.start': 'Getting Started',
'app.home.start': 'Get Started',
'app.home.best-practice': 'Best Practice',
'app.home.experience': 'Designed by experienced team, and showcase dozens of inspiring projects.',
'app.home.design-pattern': 'Design Pattern',
@ -33,7 +33,7 @@ module.exports = {
'app.footer.links': 'Links',
'app.footer.mobile': 'Mobile',
'app.footer.data-vis': 'Data Visualization',
'app.footer.data-vis-spec': 'Specification of Data Visualization',
'app.footer.data-vis-spec': 'Data Visualization Specification',
'app.footer.motion': 'Motion',
'app.footer.antd-library': 'Axure library of Ant Design',
'app.footer.material': 'Sitemap Template',

2
site/theme/static/header.less
View File

@ -63,7 +63,7 @@
box-shadow: none;
}
#lang {
.lang {
float: right;
margin-top: 29px;
margin-left: 12px;

4
site/theme/static/responsive.less
View File

@ -53,10 +53,10 @@
text-align: center;
}
#nav, #lang {
#nav, .lang {
float: none;
}
button#lang {
button.lang {
display: block;
margin: 29px auto 16px;
color: #666;

4
site/theme/template/Home/index.jsx
View File

@ -44,7 +44,7 @@ function getStyle() {
.home-nav-white #nav a {
color: #666;
}
.home-nav-white #lang {
.home-nav-white .lang:not(:hover) {
color: #666;
border-color: #666;
}
@ -56,7 +56,7 @@ function getStyle() {
background: #777;
box-shadow: 0 7px 0 0 #777, 0 14px 0 0 #777;
}
#lang,
.lang,
#nav a {
color: #eee;
transition: color 0.5s cubic-bezier(0.455, 0.03, 0.515, 0.955);

24
site/theme/template/Layout/Footer.jsx
View File

@ -91,22 +91,34 @@ class Footer extends React.Component {
</li>
<li>
<h2><FormattedMessage id="app.footer.links" /></h2>
<div><a href="http://mobile.ant.design">Ant Design Mobile</a> -
<div>
<a href="http://mobile.ant.design">Ant Design Mobile</a>
<span> - </span>
<FormattedMessage id="app.footer.mobile" />
</div>
<div><a href="https://g2.alipay.com/">G2</a> -
<div>
<a href="https://g2.alipay.com/">G2</a>
<span> - </span>
<FormattedMessage id="app.footer.data-vis" />
</div>
<div><a href="https://antv.alipay.com/">AntV</a> -
<div>
<a href="https://antv.alipay.com/">AntV</a>
<span> - </span>
<FormattedMessage id="app.footer.data-vis-spec" />
</div>
<div><a href="http://motion.ant.design">Ant Motion</a> -
<div>
<a href="http://motion.ant.design">Ant Motion</a>
<span> - </span>
<FormattedMessage id="app.footer.motion" />
</div>
<div><a href="http://library.ant.design/">AntD Library</a> -
<div>
<a href="http://library.ant.design/">AntD Library</a>
<span> - </span>
<FormattedMessage id="app.footer.antd-library" />
</div>
<div><a href="http://ux.ant.design">Ant UX</a> -
<div>
<a href="http://ux.ant.design">Ant UX</a>
<span> - </span>
<FormattedMessage id="app.footer.material" />
</div>
</li>

26
site/theme/template/Layout/Header.jsx
View File

@ -100,7 +100,7 @@ export default class Header extends React.Component {
const menuMode = this.state.menuMode;
const menu = [
<Button id="lang" type="ghost" size="small" onClick={this.handleLangChange} key="lang">
<Button className="lang" type="ghost" size="small" onClick={this.handleLangChange} key="lang">
<FormattedMessage id="app.header.lang" />
</Button>,
<Menu mode={menuMode} selectedKeys={[activeMenuItem]} id="nav" key="nav">
@ -109,14 +109,9 @@ export default class Header extends React.Component {
<FormattedMessage id="app.header.menu.home" />
</Link>
</Menu.Item>
<Menu.Item key="docs/practice">
<Link to="/docs/practice/cases">
<FormattedMessage id="app.header.menu.practice" />
</Link>
</Menu.Item>
<Menu.Item key="docs/pattern">
<Link to="/docs/pattern/navigation">
<FormattedMessage id="app.header.menu.pattern" />
<Menu.Item key="docs/spec">
<Link to="/docs/spec/introduce">
<FormattedMessage id="app.header.menu.spec" />
</Link>
</Menu.Item>
<Menu.Item key="docs/react">
@ -124,9 +119,14 @@ export default class Header extends React.Component {
<FormattedMessage id="app.header.menu.components" />
</Link>
</Menu.Item>
<Menu.Item key="docs/spec">
<Link to="/docs/spec/introduce">
<FormattedMessage id="app.header.menu.spec" />
<Menu.Item key="docs/pattern">
<Link to="/docs/pattern/navigation">
<FormattedMessage id="app.header.menu.pattern" />
</Link>
</Menu.Item>
<Menu.Item key="docs/practice">
<Link to="/docs/practice/cases">
<FormattedMessage id="app.header.menu.practice" />
</Link>
</Menu.Item>
<Menu.Item key="docs/resource">
@ -137,7 +137,7 @@ export default class Header extends React.Component {
</Menu>,
];
const searchPlaceholder = locale === 'zh-CN' ? '搜索组件...' : 'Search...';
const searchPlaceholder = locale === 'zh-CN' ? '搜索组件...' : 'Search Components...';
return (
<header id="header" className={headerClassName}>
<Popover

4
site/theme/zh-CN.js
View File

@ -8,7 +8,7 @@ module.exports = {
'app.header.menu.practice': '实践',
'app.header.menu.pattern': '模式',
'app.header.menu.components': '组件',
'app.header.menu.spec': '语言',
'app.header.menu.spec': '规范',
'app.header.menu.resource': '资源',
'app.header.lang': 'EN',
'app.content.edit-page': '在 Github 上编辑此页！',
@ -35,7 +35,7 @@ module.exports = {
'app.footer.data-vis': '数据可视化',
'app.footer.data-vis-spec': '数据可视化规范',
'app.footer.motion': '设计动效',
'app.footer.antd-library': 'Ant Design 的 Axure 部件库',
'app.footer.antd-library': 'Axure 部件库',
'app.footer.material': '页面逻辑素材',
'app.footer.community': '社区',
'app.footer.change-log': '更新记录',