ant-design/components/queue-anim/demo/simple.md
2016-03-29 20:29:41 +08:00

35 lines
567 B
Markdown

# 默认
- order: 0
最简单的进场例子。
---
````jsx
import { QueueAnim } from 'antd';
ReactDOM.render(
<QueueAnim delay={500} style={{ height: 150 }}>
<div key="a">依次进场</div>
<div key="b">依次进场</div>
<div key="c">依次进场</div>
<div key="d">依次进场</div>
<div key="e">依次进场</div>
<div key="f">依次进场</div>
</QueueAnim>
, mountNode);
````
````css
.code-box-demo > div {
overflow: hidden;
}
.code-box-demo .buttons {
text-align: center;
margin: 0 auto;
margin-bottom: 20px;
}
````