2015-10-19 15:36:32 +08:00
|
|
|
# 默认
|
|
|
|
|
|
|
|
|
|
- order: 0
|
|
|
|
|
|
|
|
|
|
最简单的进场例子。
|
|
|
|
|
|
|
|
|
|
---
|
|
|
|
|
|
|
|
|
|
````jsx
|
2015-10-28 20:55:49 +08:00
|
|
|
import { QueueAnim } from 'antd';
|
2015-10-23 22:37:42 +08:00
|
|
|
|
2015-10-23 14:53:57 +08:00
|
|
|
ReactDOM.render(
|
2015-10-21 17:53:38 +08:00
|
|
|
<QueueAnim delay={500}>
|
2015-10-23 22:37:42 +08:00
|
|
|
<div key="a">依次进场</div>
|
|
|
|
|
<div key="b">依次进场</div>
|
|
|
|
|
<div key="c">依次进场</div>
|
|
|
|
|
<div key="d">依次进场</div>
|
|
|
|
|
<div key="e">依次进场</div>
|
|
|
|
|
<div key="f">依次进场</div>
|
2015-10-19 15:36:32 +08:00
|
|
|
</QueueAnim>
|
|
|
|
|
, document.getElementById('components-queue-anim-demo-simple'));
|
|
|
|
|
````
|
2015-10-23 22:37:42 +08:00
|
|
|
|
|
|
|
|
````css
|
|
|
|
|
.code-box-demo > div {
|
|
|
|
|
overflow: hidden;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.code-box-demo .buttons {
|
|
|
|
|
text-align: center;
|
|
|
|
|
margin: 0 auto;
|
|
|
|
|
margin-bottom: 20px;
|
|
|
|
|
}
|
|
|
|
|
````
|
