wx. createAnimation 有关这个api的一个小bug
发布于 5 年前 作者 ayuan 229 次浏览 来自 问答

在一个循环的列表中的其中一项绑定一个animation，

在animation执行完成之后，

删除这一项，

然后再次更新列表，

这个动画依然在被删除的下一项中体现，

看代码

<view class="test">
  <view wx:for="{{list}}"
        wx:for-item="item"
        wx:for-index="index"
        bindtap="tap"
        data-index="{{index}}"
        animation="{{item.animation}}"
        wx:key="{{item.id}}">
    测试测试测试测试{{item.id}}
  </view>
</view>
Page({
  data: {
    list: [
      { id: 1 },
      { id: 2 },
      { id: 3 },
      { id: 4 },
      { id: 5 },
    ]
  },
  tap (e) {
    console.log(e)
    let list = this.data.list
    var animation = wx.createAnimation({
      duration: 1000,
      timingFunction: 'ease',
    })
 
    this.animation = animation
 
    animation.scale(2, 2).rotate(45).step()
    let index = e.currentTarget.dataset.index
    list[index].animation = animation.export()
 
    this.setData({
      list
    })
 
    setTimeout(() => {
      list.splice(index, 1)
      this.setData({
        list
      })
      console.log(this.data.list)
    }, 1000)
  }
})
回到顶部