这里使用小程序自带的api来实现,用小程序来写动画的恶心点在于,没有帧,只能用setimeout 来作为帧来使用,
下面是实现代码, 下面是简单用div代替了图片,需要什么图片,可以自行替换相应的div即可
需要变成原生小程序,则需要修改一下代码的写法
效果图:
创建金币动画组件 clockAnimation.vue
1234567
使用 引入组件
立即签到
总结
以上所述是小编给大家介绍的mpvue实现小程序签到金币掉落动画(api实现),希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对网站的支持!
如果你觉得本文对你有帮助,欢迎转载,烦请注明出处,谢谢!