微信小程序下拉刷新

 1、全部页面设置下拉刷新
在app.json的window节点中,将enablePullDownRefresh设置为true
2、单页面设置下拉刷新
在单个页面的json文件中,将enablePullDownRefresh设置为true

backgroundColor:用来配置下拉刷新窗口的背景颜色,仅支持16进制的颜色值
backgroundTextStyle:用来配置下拉刷新loading的样式,仅支持dark和light两个颜色属性

"enablePullDownRefresh": true,

 "backgroundTextStyle": "dark",

 "backgroundColor": "#ffffff"

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh() {
    // console.log("刷新");
    this.onShow()
    this.setData({
      // 设置显示内容恢复初始值
    })
    // 结束下拉刷新的动作,恢复页面状态,不设置就会刷新非常久
    setTimeout(() => {
      wx.stopPullDownRefresh() 
     // 初始化数据写在onshow里面的,这里就不用再请求数据了
    }, 1000)
  },

 

你可能感兴趣的:(微信小程序,小程序)