0

它看起来很简单,但我可以让它工作。当一个新元素添加到我的列表中时,我希望其他元素移动以便为新元素留出空间,然后新元素必须以淡入淡出过渡出现。

我无法制作这个简单的动画。我可以让其他元素移动,但我的新元素没有任何淡入淡出过渡。它只是出现!建筑信息模型。

这是一个代码笔: https ://codepen.io/MuyBien/pen/OEqNEQ

.fade-enter-active {
  transition: opacity .3s ease-out;
  transition-delay: .3s;
}
.fade-enter {
  opacity: 0;
}
.fade-enter-to {
  opacity: 1;
}
.fade-move {
  transition: transform .3s;
}
4

1 回答 1

0
.fade-enter-active {
  transition: opacity 1s ease-out;
  transition-delay: 1s;
}
.fade-enter {
  opacity: 0;
}
.fade-enter-to {
  opacity: 1;
}
.fade-move {
  transition: transform 1s;
}

您可以延迟进入。

于 2018-07-02T16:09:29.117 回答