如何解决过渡组消失
我不知道如何使小组过渡到工作。 我希望为卡片清单设置动画,但没有任何结果。 最糟糕的是,在我将列表包裹在其中之后,列表消失了。
有任何线索吗?
<div :class="$style.list">
<transition-group
name="slide"
tag="div"
>
<UserListCard
v-for="user in users"
:key="user.id"
:team-member="user"
/>
</transition-group>
</div>
</template>
<style lang="scss">
.slide-fade-enter-active {
transition: all 0.3s ease;
}
.slide-fade-leave-active {
transition: all 0.8s cubic-bezier(1,0.5,0.8,1);
}
.slide-fade-enter,.slide-fade-leave-to {
opacity: 0;
transform: translateX(10px);
}
</style>
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。