mirror of
https://github.com/ant-design/ant-design.git
synced 2024-11-29 21:59:41 +08:00
34 lines
572 B
Markdown
34 lines
572 B
Markdown
---
|
|
order: 0
|
|
title: 默认
|
|
---
|
|
|
|
最简单的进场例子。
|
|
|
|
````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;
|
|
}
|
|
````
|