efunbox-schedule-miniApps/compontents/ranking/ranking.js

// compontents/ranking/ranking.js
Component({
  /**
   * 组件的属性列表
   * friendsData除了前三名的数据
   * friendsThreeData前三名的数据
   * myData总的数据
   * str 传过来的排名
   * title 头部标题
   * height是否显示展开
   */
  properties: {
    friendsData: {
      type: Array,
      value: []
    },
    friendsThreeData: {
      type: Array,
      value: []      
    },
    myData: {
      type: Object,
      value: {}  
    },
    str: {
      type: String,
      value: ''
    },
    title: {
      type: String,
      value: ''
    },
    height: {
      type: String,
      value: ''
    }
  },

  /**
   * 组件的初始数据
   */
  data: {
    animationData: {},
  },

  /**
   * 组件的方法列表
   */
  methods: {
    /*展开更多/
    more (e) {
     let height = this.properties.friendsData.length * 80;
     this.util(height+'rpx')
    },
    /* 创建动画并执行 */
    util (height) {
      // 创建动画实例   
      var animation = wx.createAnimation({  
        duration: 200,  //动画时长  
        timingFunction: "linear", //线性  
        delay: 0  //0则不延迟  
      });
      
      this.animation = animation;

      animation.height(height).step();

      this.setData({  
        animationData: animation.export()  
      })  
    },
  }
})