美文网首页
uni-transition 过渡动画在App只能触发一次

uni-transition 过渡动画在App只能触发一次

作者: 一颗得道的仙丹 | 来源:发表于2023-06-11 16:25 被阅读0次

    直接上代码

                  let duration = 500
                    this.$refs.ani.step({
                        translateX: '600rpx',
                        translateY: "-120rpx",
                        scale: 0.05,
                    }, {
                        timingFunction: 'linear',
                        duration: duration,
                        delay: 100
                    })
                    this.$refs.ani.run(() => { // run的回调是在动画开始时执行
                        // 上一个动画执行完成
                        setTimeout(() => {
                            this.$refs.ani.step({
                                translateX: '0rpx',
                                translateY: "0rpx",
                                scale: 1
                            }, {
                                timingFunction: 'linear',
                                duration: 0
                            })
    
                            this.$refs.ani.run()
                        }, duration)
                    })
    

    相关文章

      网友评论

          本文标题:uni-transition 过渡动画在App只能触发一次

          本文链接:https://www.haomeiwen.com/subject/altfydtx.html