移出分组的过渡动画问题
来源:8-24 书架分组功能优化
慕莱坞9699021
2019-10-30
老师,你好,我想问一下关于移出分组的过渡动画的实现问题。
我的代码在***移动到其他分组***的时候过渡动画显示没有问题,但是在***移出分组***的时候却显示不出动画,可能是由于什么原因导致的呢?(功能是可以实现的,但是就是这个过渡的效果没出来)
代码如下:
moveOutFromGroup (group) {
this.setShelfList(this.shelfList.map(book => {
if (book.type === 2 && book.itemList) {
book.itemList = book.itemList.filter(subBook => !subBook.selected)
}
return book
})).then(() => {
let list = removeAddFromShelf(this.shelfList)
list = [].concat(list, ...this.shelfSelected)
list = appendAddToShelf(list)
list = computeId(list)
this.setShelfList(list).then(() => {
this.simpleToast(this.$t('shelf.moveBookOutSuccess'))
this.onComplete()
})
})
布局代码如下:
.shelf-item-wrapper {
flex: 0 0 33.33%;
width: 33.33%;
padding: px2rem(15);
box-sizing: border-box;
&.list-leave-active {
display: none;
}
&.list-move {
transition: transform 0.5s;
}
}
gitee的地址是这个:https://gitee.com/bobonpy/ebook2
麻烦了
写回答
3回答
-
慕标3395159
2019-11-13
同问,为什么移出分组没有过渡动画了?
10 -
Kevin_Glaser
2021-07-05
同问,都解决了码吗,如果解决了的话,求教是如何解决的
00 -
长风破
2020-05-27
同问,你们最后是怎么结局的?
00
相似问题