写vue-music项目的时候迷你播放器,删除列表的任意一条歌曲没有过渡的效果.
html 部分
li的关键id 已经加上去了,可删除一首歌,还是没有过渡效果,效果很生硬.
css:
.list-enter-active, .list-leave-active{
transition: all 0.1s linear;
}
.list-enter, .list-leave-to{
height: 0;
}
写vue-music项目的时候迷你播放器,删除列表的任意一条歌曲没有过渡的效果.
html 部分
li的关键id 已经加上去了,可删除一首歌,还是没有过渡效果,效果很生硬.
css:
.list-enter-active, .list-leave-active{
transition: all 0.1s linear;
}
.list-enter, .list-leave-to{
height: 0;
}
13 回答13.1k 阅读
7 回答2.3k 阅读
5 回答1.6k 阅读
5 回答1.9k 阅读✓ 已解决
3 回答1.4k 阅读✓ 已解决
6 回答1.5k 阅读✓ 已解决
2 回答1.5k 阅读✓ 已解决
你设置的height为0,而过度之前的height是多少呢,其实是auto,使用
max-height
即可完美解决