mirror of
https://github.com/wahyd4/ant-design.git
synced 2026-08-23 11:46:44 +10:00
beta2
This commit is contained in:
@@ -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 构建、打包部署等一系列工程化的需求。
|
||||
|
||||
Reference in New Issue
Block a user