schoolwisdoms-student-mp/pages/piano/piano.js

// pages/piano/piano.js
Page({

  /**
   * 页面的初始数据
   */
  data: {
    animationBox: {},
    animationBg: {},
    list:[
      {},
      {},
      {},
      {},
      {},
      {},
    ],
    loading:'上拉加载',
    flag:0,
    beginDate: '2021-01-01',
    endDate: '2021-02-02',
    yFlag: false,
  },

  showSelect:function(){
    var animation = wx.createAnimation({
      timingFunction: 'linear',
    })
    this.animation = animation
    var num = 0
    var opacity = 0
    if(this.data.yFlag == false){
      num = 165
      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()
    })

  },

  getPiano:function(){
    wx.navigateTo({
      url: '/pages/makePiano/makePiano',
    })
  },

  /**
   * 生命周期函数--监听页面加载
   */
  onLoad: function (options) {

  },

  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady: function () {

  },

  /**
   * 生命周期函数--监听页面显示
   */
  onShow: function () {

  },

  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide: function () {

  },

  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload: function () {

  },

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh: function () {
   
  },

  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom: function () {
    if(this.data.flag == 0){
      this.setData({
        loading: '加载中',
        flag: 1
      })
      setTimeout(() => {
        this.setData({
          list:[
            {},
            {},
            {},
            {},
            {},
            {},
            {},
            {},
            {},
            {},
          ],
          loading: '没有更多数据',
          flag: 2
        })
      }, 2000);
    }
  },

  /**
   * 用户点击右上角分享
   */
  onShareAppMessage: function () {

  }
})