This commit is contained in:
yiminghe
2015-10-20 16:47:55 +08:00
parent aed7eae2bc
commit 76b0f673ec
172 changed files with 257 additions and 316 deletions
-33
View File
@@ -7,39 +7,6 @@
Ant Design React 致力于提供给程序员愉悦的开发体验。
## 第一个例子
我们封装了一套基于 React 实现的 UI 组件,可以用 React 的方式直接使用。
下面有一个使用了 [日期选择](http://ant.design/components/datepicker) 组件的简单例子。
<iframe width="100%" height="380" src="//jsfiddle.net/afc163/6k22tgpx/4/embedded/result,html" allowfullscreen="allowfullscreen" frameborder="0"></iframe>
源码如下:
```html
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<!-- 引入样式 -->
<link rel="stylesheet" href="http://ant.design/dist/antd.css">
<!-- 引入 react 和 antd.js -->
<script src="https://a.alipayobjects.com/??react/0.13.3/react.min.js,react/0.13.3/JSXTransformer.js"></script>
<script src="http://ant.design/dist/antd.js"></script>
</head>
<body>
</body>
<!-- 直接调用全局变量 -->
<script type="text/jsx">
React.render(<antd.Datepicker />, document.body);
</script>
</html>
```
你可以在 [这里](/components/progress/) 选用更多组件。
## 标准项目
实际项目开发中,你会需要 CommonJS 、JSX 构建、打包部署等一系列工程化的需求。