微信小程序 下拉刷新页面时的加载状态

案发现场:在微信小程序中，用力往下拉动，页面顶部会出现一段空白的地方。 其实三个点是可以看到的。只不过默认是白色的

案例效果

1.在 app.json中 添加样式

"backgroundTextStyle": "dark",

在图片中的地方

2.在页面的js中

Page({
  /**
 * 页面相关事件处理函数--监听用户下拉动作
 */
  onPullDownRefresh: function () {
      wx.showNavigationBarLoading() //在标题栏中显示加载

    setTimeout(function () {
      wx.hideNavigationBarLoading() //完成停止加载
      wx.stopPullDownRefresh() //停止下拉刷新
    }, 600); //毫秒设置延迟


  },
})