小程序自定义动画

sliderightshow: function (that, param, px, opacity) {
    var animation = wx.createAnimation({
      duration: 800,
      timingFunction: 'ease',
    });
    animation.translateX(px).opacity(opacity).step()；
//这里可以添加其他动画效果  比如：  animation.translateX(px).opacity(opacity).step({ delay: 600 });延迟600后执行这个动画 
    //将param转换为key
    var json = '{"' + param + '":""}'
    json = JSON.parse(json);
    json[param] = animation.export()
    //设置动画
    that.setData(json)
  }

使用

<view class="init" animation="{{slide_up1}}">

// 这里是pages/page/index.js
//首先获取小程序实例，访问app.js中的函数
this.app = getApp();
//调用show函数，传参
//注意：查看上面show函数定义查看参数含义
//第一个参数是当前的页面对象，方便函数setData直接返回数据
//第二个参数是绑定的数据名,传参给setData，详细见上面
//第三个参数是上下滑动的px,因为class="init"定义初始该元素向下偏移了200px，所以这里使其上移200px
//第四个参数是需要修改为的透明度，这里是1，表示从初始的class="init"中定义的透明度0修改到1

this.app.slideupshow(this, 'slide_up1', -200, 1)

原文https://blog.csdn.net/weixin_42917830/article/details/81701125