收藏
回答

wx.createAnimation 编译时没有动画效果,直接进入最后一帧,请问如何解决?

var animationData = wx.createAnimation({
      delay:100,
      duration: 800,
      timingFunction: 'ease'
    })
    this.animationData = animationData
    this.animationData.opacity(1).step()
    this.setData({
      animate: this.animationData.export()
    })
回答关注问题邀请回答
收藏

1 个回答

  • 宋佳耀
    宋佳耀
    2022-05-08

    你用下面这种新写法,来代替旧的wx.createAnimation试试:

     this.animate('#container1', [
          { opacity1.0rotate0backgroundColor'#FF0000' },
          { opacity0.5rotate45backgroundColor'#00FF00'offset0.9},
          { opacity0.0rotate90backgroundColor'#FF0000' },
          ], 5000, function () {
            this.clearAnimation('#container1', { opacity: true, rotate: true }, function () {
              console.log("清除了#container上的动画属性")
            })
        }.bind(this))
    


    参考文档:https://developers.weixin.qq.com/miniprogram/dev/framework/view/animation.html#%E5%85%B3%E9%94%AE%E5%B8%A7%E5%8A%A8%E7%94%BB

    2022-05-08
    有用
    回复
登录 后发表内容