|
|
|
@ -20,7 +20,7 @@
|
|
|
|
|
|
|
|
|
|
一级子元素依次进场。
|
|
|
|
|
|
|
|
|
|
```jsx
|
|
|
|
|
```html
|
|
|
|
|
<EnterAnimation>
|
|
|
|
|
<div>依次进场</div>
|
|
|
|
|
<div>依次进场</div>
|
|
|
|
@ -31,7 +31,7 @@
|
|
|
|
|
|
|
|
|
|
如子节点有 `enter-data` 值,则只执行有 `enter-data` 的节点的动画,相反所有子节点上都没有 `enter-data` 值,则执行遍历dom下一级节点来执行动画。
|
|
|
|
|
|
|
|
|
|
```jsx
|
|
|
|
|
```html
|
|
|
|
|
<EnterAnimation type="left" delay={2}>
|
|
|
|
|
<div>
|
|
|
|
|
<div enter-data>
|
|
|
|
@ -40,7 +40,6 @@
|
|
|
|
|
</div>
|
|
|
|
|
<div enter-data>依次进场</div>
|
|
|
|
|
<div enter-data={{type: 'bottom'}}>依次进场,并修改动画效果</div>
|
|
|
|
|
<div enter-data={{style: 'margin-top:100px'}}>依次进场,并使用样式修改动画效果</div>
|
|
|
|
|
<div>没有动画</div>
|
|
|
|
|
</EnterAnimation>
|
|
|
|
|
```
|
|
|
|
|