1. 程式人生 > >微信小程式--刷臉認證(人臉識別,上拉載入,下拉重新整理)

微信小程式--刷臉認證(人臉識別,上拉載入,下拉重新整理)

//獲取應用例項
const app = getApp()
var page = 1;
var isfinish = false;//載入完畢
function loadmore(that){
  if(isfinish) return;
  wx.showLoading({
    title: '正在載入中',
  })
  wx.request({
    url: 'http://*****.top/program-php/server/index.php/home/index/select_index',
    data: {
      page:page,
      condition:that.data.condition
    },
    success: (res) => {
      console.log(res.data.data);
      var data =res.data.data;
      wx.hideLoading();
      if(data.length>0){
        var student=that.data.student;
        for(var i = 0;i<data.length;i++){
          student.push(data[i]);
        }
        that.setData({student:student});
        page++;
      }else{
        isfinish = true;
      }
      wx.stopPullDownRefresh();
    }
  })
}
Page({
  data: {
    student: [],
    inputShowed: false,
    inputVal: "",
    condition:''
  },
  //搜尋框
  showInput: function () {
    this.setData({
      inputShowed: true
    });
  },
  hideInput: function () {
    this.setData({
      inputVal: "",
      inputShowed: false,
      condition:'',
      student:[]
    });
    page=1
    loadmore(this)
  },
  clearInput: function () {
    this.setData({
      inputVal: ""
    });
  },
  inputTyping: function (e) {
    this.setData({
      inputVal: e.detail.value
    });
  },
  onPullDownRefresh: function () {
   page = 1;
   isfinish = false;
   this.setData({ student: [] });
   loadmore(this);
  },
  onReachBottom: function () {
    var that = this;
    loadmore(that);
    console.log(page)
  },
  formSubmit:function(e){
    console.log(e.detail.value.condition);
    this.setData({condition:e.detail.value.condition});
    var that = this
    page = 1
    this.setData({student:[]})
    loadmore(that)
  },
  onShow: function(){
   loadmore(this)
  }
})