schoolwisdoms-student-mp/pages/Components/selectDate/selectDate.js

// pages/Components/selectDate/selectDate.js
Component({
  /**
   * 组件的属性列表
   */
  properties: {

  },

  /**
   * 组件的初始数据
   */
  data: {
    beginDate: '2021-01-01',
    endDate: '2021-02-02',
    yFlag: false,
    animationBox: {},
    animationBg: {},
  },

  /**
   * 组件的方法列表
   */
  methods: {
    showSelect:function(){
      var animation = wx.createAnimation({
        timingFunction: 'linear',
      })
      this.animation = animation
      var num = 0
      var opacity = 0
      if(this.data.yFlag == false){
        num = 195
        opacity = 0.4
        this.setData({
          yFlag: true
        })
      } else {
        num = -360
        opacity = 0
        this.setData({
          yFlag: false
        })
      }
      animation.translateY(num).step()
      this.setData({
        animationBox:animation.export()
      })
  
      var animation2 = wx.createAnimation({
        timingFunction: 'linear',
      })
      this.animation2 = animation2
  
      animation2.opacity(opacity).step()
      this.setData({
        animationBg:animation2.export()
      })
  
    },
  }
})