微信小程序基础知识---------下拉

四、模块化:

  指南 /小程序框架 /逻辑层 /模块化 

  可以将一些公共的代码抽离成为一个单独的 js 文件，作为一个模块。

  模块只有通过 module.exports 或者 exports 才能对外暴露接口。

  在需要使用这些模块的文件中，使用 require 将公共代码引入

五、提示弹窗:API /界面 /交互（导航栏） 

消息提示框显示与隐藏: 

  显示消息提示框

    wx.showToast({

        title: '正在刷新页面'

    })

  隐藏消息提示框

          wx.hideToast()

 

loading 提示框显示与隐藏: 

  显示loading 提示框

    wx.showLoading({

        title: '正在刷新页面'

    })

  隐藏loading 提示框

    wx.hideLoading()

导航条加载动画显示与隐藏: API /界面 /导航栏

  显示导航条加载动画

    wx.showNavigationBarLoading()

  隐藏导航条加载动画

    wx.hideNavigationBarLoading() 

1.下拉json文件中

  "enablePullDownRefresh": true

 

 

  onPullDownRefresh: function () {

    console.log('监听用户下拉动作');

  },

2.显示正在刷新页面

 

    wx.showLoading({

        title: '正在刷新页面'

//隐藏loading提示框

      wx.hideLoading();

3.下拉加载效果  数据重新获取

4.动态变化的num   classid

 

   this.setData({

          food:resArr,

          classid:options.classid,

          num:resArr.length

        })

5.加载后的条数的改变  以及改变动态变化的程序

/**

   * 页面相关事件处理函数--监听用户下拉动作

   */

  onPullDownRefresh: function () {

    console.log('监听用户下拉动作');

    //wx.showLoading({

      //title: '正在刷新页面',

     

   // })

   let geturl = `${url}/db/list1.php?where=classid=${this.data.classid}&start=0&num=${this.data.num}`  ///注意的点

   util.getData2(geturl).then((res)=>{                         //重新进行刷新数据

     //console.log(res)

     let resArr=res;

     for(let i=0;i<resArr.length;i++){

       resArr[i].pic= url+ resArr[i].pic;

     }

     //数据绑定

     this.setData({

       food:resArr

     })

     //隐藏loading提示框

     wx.hideLoading();    //使加载页面闪一下

   });  

  },

5.隐藏

 

     //隐藏loading提示框

     wx.hideLoading();

   });  

举例子：