2015-10-19 16:05:50 +08:00
< p align = "center" >
< a href = "http://ant.design" >
2015-12-06 17:40:04 +08:00
< img width = "320" src = "https://t.alipayobjects.com/images/rmsweb/T1B9hfXcdvXXXXXXXX.svg" >
2015-10-19 16:05:50 +08:00
< / a >
< / p >
2016-02-01 18:21:39 +08:00
# Ant Design [![](https://img.shields.io/travis/ant-design/ant-design.svg?style=flat-square)](https://travis-ci.org/ant-design/ant-design) [![npm package](https://img.shields.io/npm/v/antd.svg?style=flat-square)](https://www.npmjs.org/package/antd) [![NPM downloads](http://img.shields.io/npm/dm/antd.svg?style=flat-square)](https://npmjs.org/package/antd) [![Dependency Status](https://david-dm.org/ant-design/ant-design.svg?style=flat-square)](https://david-dm.org/ant-design/ant-design) [![Join the chat at https://gitter.im/ant-design/ant-design](https://badges.gitter.im/Join%20Chat.svg)](https://gitter.im/ant-design/ant-design?utm_source=badge&utm_medium=badge&utm_campaign=pr-badge&utm_content=badge)
2015-12-06 17:40:04 +08:00
一套企业级的 UI 设计语言和 React 实现。
2015-10-19 16:05:50 +08:00
## 特性
2015-12-06 17:40:04 +08:00
- 提炼和服务企业级中后台产品的交互语言和视觉风格。
2016-07-17 18:37:44 +08:00
- [React Component ](http://react-component.github.io/badgeboard/ ) 基础上精心封装的高质量 UI 组件。
- 基于 npm + webpack + babel 的工作流,支持 ES2015 和 TypeScript。
2015-10-19 16:05:50 +08:00
2015-11-02 20:37:38 +08:00
## 安装
```bash
npm install antd
```
2015-10-19 16:05:50 +08:00
## 示例
2015-12-16 15:04:51 +08:00
```jsx
import { DatePicker } from 'antd';
ReactDOM.render(< DatePicker / > , mountNode);
```
2015-10-27 22:17:54 +08:00
2015-12-08 18:05:01 +08:00
引入样式:
```jsx
2016-04-28 15:54:18 +08:00
import 'antd/dist/antd.css'; // or 'antd/dist/antd.less'
2015-12-08 18:05:01 +08:00
```
2015-12-16 15:26:14 +08:00
按需加载可通过此写法 `import DatePicker from 'antd/lib/date-picker'` 或使用插件 [babel-plugin-antd ](https://github.com/ant-design/babel-plugin-antd )。
2015-12-16 15:04:51 +08:00
2015-12-08 18:05:01 +08:00
2015-11-02 20:37:38 +08:00
## 浏览器支持
2015-11-03 15:08:41 +08:00
现代浏览器和 IE8 及以上。
2015-11-02 20:37:38 +08:00
2016-01-14 14:29:30 +08:00
> [IE8 issues](https://github.com/xcatliu/react-ie8)
2016-04-28 15:54:18 +08:00
## TypeScript
```js
///< reference path = './node_modules/antd/type-definitions/antd.d.ts' / >
...
```
2015-10-19 16:05:50 +08:00
## 链接
- [首页 ](http://ant.design/ )
2016-05-10 14:22:05 +08:00
- [React 实现 ](http://ant.design/#/docs/react/introduce )
2015-10-19 16:05:50 +08:00
- [修改记录 ](CHANGELOG.md )
2015-12-30 22:20:30 +08:00
- [开发脚手架 ](https://github.com/ant-design/antd-init/ )
2016-01-19 17:30:58 +08:00
- [开发工具文档 ](http://ant-tool.github.io/ )
2015-11-29 00:38:13 +08:00
- [React 组件 ](http://react-component.github.io/ )
2015-10-19 16:05:50 +08:00
- [React 代码规范 ](https://github.com/react-component/react-component.github.io/blob/master/docs/zh-cn/component-code-style.md )
- [组件设计原则 ](https://github.com/react-component/react-component.github.io/blob/master/docs/zh-cn/component-design.md )
- [网站和组件开发说明 ](https://github.com/ant-design/ant-design/wiki/%E7%BD%91%E7%AB%99%E5%92%8C%E7%BB%84%E4%BB%B6%E5%BC%80%E5%8F%91%E8%AF%B4%E6%98%8E )
2016-06-23 13:27:23 +08:00
- [版本发布手册 ](https://github.com/ant-design/ant-design/wiki/%E8%BD%AE%E5%80%BC%E8%A7%84%E5%88%99%E5%92%8C%E7%89%88%E6%9C%AC%E5%8F%91%E5%B8%83%E6%B5%81%E7%A8%8B )
2015-10-19 16:05:50 +08:00
## 如何贡献
我们欢迎任何形式的贡献,有任何建议或意见您可以进行 [Pull Request ](https://github.com/ant-design/ant-design/pulls ),或者给我们 [提问 ](https://github.com/ant-design/ant-design/issues )。