Stutter appears in Mini Program animation.

Mini Program is written in wepy framework, but there is stutter. I don"t know what"s wrong with this code

// 
getOrderHeight() {
    var query = wx.createSelectorQuery()
    query.select(".paymask-detail").boundingClientRect()
    query.exec((res) => {
        this.paymaskDetailHeight = -res[0].height + "px" // list
        this.$apply()
        console.log(this.paymaskDetailHeight)
    })
}
animationFn() {
    // 
    let animationUpIn = wx.createAnimation({
        duration: 150,
        timingFunction: "ease"
    })
    animationUpIn.translateY(this.paymaskDetailHeight).step()
    this.animationUpIn = animationUpIn.export()
    // 
    let animationFadeIn = wx.createAnimation({
        duration: 200,
        timingFunction: "ease"
    })
    animationFadeIn.opacity(1).step()
    this.animationFadeIn = animationFadeIn.export()
    this.$apply()
}
Nov.30,2021

how to make a clear point in the Catton method
has never encountered this problem, it is difficult to make a judgment just by looking at the code

Menu