移出分组的过渡动画问题

来源: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

同问,为什么移出分组没有过渡动画了?

1
0

Kevin_Glaser

2021-07-05

同问,都解决了码吗,如果解决了的话,求教是如何解决的

0
0

长风破

2020-05-27

同问,你们最后是怎么结局的?

0
0

Vue 实战商业级读书Web APP完整项目

Vue全家桶+最新前端技术+前后端分离架构,完整项目流程

1610 学习 · 1951 问题

查看课程