// miniprogram/wzhload/wzhload.js
const app=getApp();
Component({
  /**
   * 组件的属性列表
   */
  properties: {
    loadflag: {
      type: Boolean,
      value:false
    }
  },

  /**
   * 组件的初始数据
   */
  data: {
    imgUrl:app.globalData.imgUrl,
    firstview:'',
    secondview:'',
    thirdview:'',
    middle:''

  },

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

  },
  ready(){
    var animation = wx.createAnimation({
      duration: 1200,
    })
    animation.height('20rpx').step({duration:150});
    animation.height('50rpx').step({duration:150});
    this.setData({
      firstview:animation.export()
    })
    setInterval(function() {
      animation.height('20rpx').step({duration:150});
      animation.height('50rpx').step({duration:150});
      this.setData({
        firstview:animation.export()
      })
    }.bind(this), 1200)

    var animation1 = wx.createAnimation({
      duration: 1200,
    })
    animation1.height('30rpx').step({duration:250});
    animation1.height('80rpx').step({duration:250});
    this.setData({
      secondview:animation1.export()
    })
    setInterval(function() {
      animation1.height('30rpx').step({duration:250});
      animation1.height('80rpx').step({duration:250});
      this.setData({
        secondview:animation1.export()
      })
    }.bind(this), 1200)

    var animation2 = wx.createAnimation({
      duration: 1200,
    })
    animation2.height('40rpx').step({duration:350});
    animation2.height('110rpx').step({duration:350});
    this.setData({
      thirdview:animation2.export()
    })
    setInterval(function() {
      animation2.height('40rpx').step({duration:350});
      animation2.height('110rpx').step({duration:350});
      this.setData({
        thirdview:animation2.export()
      })
    }.bind(this), 1200)

    var animation3 = wx.createAnimation({
      duration: 700,
      delay:500
    })

    var animation3 = wx.createAnimation({
      duration: 1200
    })
    animation3.top('0rpx').step({duration:700});
    animation3.top('-60rpx').step({duration:500});
    this.setData({
      middle:animation3.export()
    })
    setInterval(function() {
      animation3.top('0rpx').step({duration:700});
      animation3.top('-60rpx').step({duration:500});
      this.setData({
        middle:animation3.export()
      })
    }.bind(this), 1200)

  },
})