使用原因
小程序在创作的过程中,会遇到一系列如何增强用户体验度的问题,其中一种解决办法就是制作可以提升用户交互体验的动画效果。全局动画效果不仅能解决这些问题,而且在使用的过程中,能很大程度的缩减单页面文件动画代码的长度,提升小程序的性能。
代码片段
app.js
![在app.js中定义全局动画的函数](https://i-blog.csdnimg.cn/blog_migrate/be8f645801bc4ac3886550855be403c7.png)
purchase_area.js(某个使用该动画的js文件)
![在这里插入图片描述](https://i-blog.csdnimg.cn/blog_migrate/5a77dff8d82f8e05643c630ab9b11b60.png)
这里的that指代函数内部this的指向
purchase_area.wxml(该js文件对应的wxml文件)
![将动画实例赋值](https://i-blog.csdnimg.cn/blog_migrate/274eee0ca540d0eccc761e169f683879.png)
将你所定义的动画实例赋值给wxml元素的animation属性,这样就完成了一个全局动画的定义。