nciaer 发表于 2024-3-20 10:58:17

文本增加抖动效果

用户没有同意用户协议就弹窗提示,但是有时候用户不认真看,所以勾选用户协议区域加个抖动效果。
直接上代码:
startAnimation() {
                                let animation = uni.createAnimation({
                                        duration: 50,
                                  timingFunction: 'ease',
                                })
                                animation.translate(8, 0).step()
                                animation.translate(0, 0).step()
                                animation.translate(8, 0).step()
                                animation.translate(0, 0).step()
                                animation.translate(8, 0).step()
                                animation.translate(0, 0).step()
                                animation.translate(8, 0).step()
                                animation.translate(0, 0).step()                               
                                this.animationData = animation.export()
                                setTimeout(()=> {
                                        this.animationData = null // 清空动画,否则动画只会执行一次
                                }, 500)
                        },定义了一个startAnimation方法,直接调用即可,data里定义个animationData: {}即可,




页: [1]
查看完整版本: 文本增加抖动效果