小程序动画

<view class="image_zone" animation="{{animationData}}"/>

 

const utils = require('../../../../../utils/index');
// pages/experience/more/component/moreSwiper3/moreSwiper3.js
Component({/**
   * 组件的初始数据
   */
  data: {
    animationData: {}
  },

  /**
   * 组件的方法列表
   */
  methods: {

    change() {
      // 旋转动画
      this.animation.scale(0).step().scale(1).step()
      this.setData({
        animationData: this.animation.export()
      })
      // 旋转动画end
    }
  },

  /**
   * 组件的方法列表
   */
  //在组件实例进入页面节点树时执行
  attached() {
    this.animation = wx.createAnimation({
      duration: 300,
      timingFunction: 'ease',
    })
  }
})