微信小程序-实现元素渐入渐出动画效果-封装方法

开端

之前一直使用堪称“万能”的jQuery处理用户交互的动画，近日开发微信小程序，微信小程序高度限制的语法和功能使开源函数可谓对其“无能为力”。
那没办法，只好自己写一个可以让元素渐入渐出的，可复用的函数了。做到类似jQuery show()的效果

原创文章，允许转载分享。但请转载请一定标明出处，这是起码的尊重
本文章阅读前需要对微信小程序的动画api有所了解

先看效果

可以看到，动画效果十分流畅，高度复用，封装好后只需要三行代码实现动画

解决

1.寻根问底，发现wx_mini_program(下面称呼微信小程序为wxmp [差点叫成 (*´ﾉ皿`)mmp] )有一个全局的js逻辑文件，叫app.js，有意思，可以往里面塞自己写的object(函数数据等等)，那就从那里入手吧
2.在app.js中定义全局的动画函数

App({
  //渐入，渐出实现 
  show : function(that,param,opacity){
   
    var animation = wx.createAnimation({
      //持续时间800ms
      duration: 800,
      timingFunction: 'ease',
    });
    //var animation = this.animation
    animation.opacity(opacity).step()
    //将param转换为key
    var json = '{"' + param + '":""}'
    json = JSON.parse(