原本写了一个动画效果,希望可以动画可以循环,https://developers.weixin.qq.com/community/develop/doc/000044dff8c5389eba690f7ad56000?highLine=Animation%25E5%25BE%25AA%25E7%258E%25AF 社区帖子,也是同样需求,根据技术推荐,尝试用bindtransitionend
bindanimationstart
bindanimationiteration
bindanimationend
来监听动画事件,四个都尝试了,就bindtransitionend有效果,其他三个没有作用。
bindtransitionend="transEnd" bindanimationstart="animationStart"
bindanimationiteration="animationStepEnd" bindanimationend="animationEnd"
transEnd(){
console.log('trans end')
},
animationStart(){
console.log('animation start')
},
animationStepEnd(){
console.log('animation step end')
},
animationEnd(){
console.log('animation end')
}
this.animation.opacity(1).step({duration: 1000})
this.animation.right('100rpx').step({duration: 3000})
this.animation.opacity(0).step({duration: 1000})
this.animation.right('-100rpx').step({duration: 0})
结果是bindtransitionend 每个step执行一次,其他三个完全不执行,希望官方看一下。
https://developers.weixin.qq.com/community/develop/doc/000680bc448450026116253cc56c00 这个帖子相同问题到现在都没官方回答
你好,麻烦提供能复现问题的简单代码片段(https://developers.weixin.qq.com/miniprogram/dev/devtools/minicode.html)。
可以先参考下,图片下这个demo https://developers.weixin.qq.com/miniprogram/dev/framework/view/animation.html