小程序X轴渐入动画组件

<view class="animation-class" animation="slideleft">向左滑入渐入动画DOM元素</view>

// animation.js
/**
 * X轴滑动渐入动画
 */
function fadeXAnimation( _this, param, px, opacity ){
  let animation = wx.createAnimation({
    duration: 800,
    timingFunction: "ease"
  })
  animation.translateX( px ).opacity( opacity ).step();
  // 将param转换为key
  let json = '{"'+ param +'":""}';
  json = JSON.parse( json );
  json[param] = animation.export();
  // 设置动画
  _this.setData( json );
}

module.exports = {
  fadeXAnimation: fadeXAnimation
}

// index.js
const animation = require('../../utils/tools/animation.js')

onshow(){
    animation.fadeXAnimation(this, "slide_left_locks", -100, 1);
}