硬汉工作室

搜索
热搜: 活动 交友 discuz

文本增加抖动效果

[复制链接]
发表于 2024-3-20 10:58:17 | 显示全部楼层 |阅读模式
用户没有同意用户协议就弹窗提示,但是有时候用户不认真看,所以勾选用户协议区域加个抖动效果。
直接上代码:
  1. startAnimation() {
  2.                                 let animation = uni.createAnimation({
  3.                                         duration: 50,
  4.                                     timingFunction: 'ease',
  5.                                 })
  6.                                 animation.translate(8, 0).step()
  7.                                 animation.translate(0, 0).step()
  8.                                 animation.translate(8, 0).step()
  9.                                 animation.translate(0, 0).step()
  10.                                 animation.translate(8, 0).step()
  11.                                 animation.translate(0, 0).step()
  12.                                 animation.translate(8, 0).step()
  13.                                 animation.translate(0, 0).step()                               
  14.                                 this.animationData = animation.export()
  15.                                 setTimeout(()=> {
  16.                                         this.animationData = null // 清空动画,否则动画只会执行一次
  17.                                 }, 500)
  18.                         },
复制代码
定义了一个startAnimation方法,直接调用即可,data里定义个animationData: {}即可,




有关PHP系统、Discuz或网站等各种问题,可以联系QQ1069971363寻求付费支持

本帖子中包含更多资源

您需要 登录 才可以下载或查看,没有帐号?立即注册

x
Discuz插件商店:http://addon.dismall.com/?@56030.developer
回复

使用道具 举报

QQ|Archiver|手机版|小黑屋|硬汉工作室 ( 冀ICP备13021567号-9 )

GMT+8, 2024-5-2 11:41 , Processed in 0.052135 second(s), 22 queries .

Powered by Discuz! X3.4 Licensed

© 2001-2017 Comsenz Inc.

快速回复 返回顶部 返回列表