微信小程式下拉重新整理元件載入圖片(三個小點)不顯示的問題

問題是 微信小程式中 列表頁面下拉重新整理 ，頂部不顯示三個小點的重新整理狀態，如下圖： 解決後：

1 微信小程式實現下拉重新整理

1.1 首先是在對應的頁面 json 中新增配置

核心：

javascript "enablePullDownRefresh":true, "backgroundTextStyle": "dark" 完整的 javascript { "usingComponents": {}, "navigationBarTitleText": "採集列表", "enablePullDownRefresh":true, "backgroundTextStyle": "dark" }

1.2 然後在頁面對應的js中 處理 onPullDownRefresh 函式

```javascript /* * 頁面相關事件處理函式--監聽使用者下拉動作 / onPullDownRefresh: function () { this.onRefresh() },

onRefresh:function(){
    //導航條載入動畫
    wx.showNavigationBarLoading();
    //重置分頁載入頁面
    this.data.current_page=1
    //網路請求資料
    this.getManagerSampleListFunction()
    //超時隱藏
    setTimeout(function () {
        wx.hideNavigationBarLoading();
        //停止下拉重新整理
        wx.stopPullDownRefresh();
    }, 2000);
},

``` 本次分享使用的網路請求框架為 fly 框架，會在近期給大家分享

```javascript //網路請求資料 getManagerSampleListFunction() { api.fetchManngerSampleList().then(res => { //停止下拉重新整理 wx.hideNavigationBarLoading(); //停止下拉重新整理 wx.stopPullDownRefresh(); //處理資料 if (this.data.current_page == 1) {

       } else {

       }
   })

}, ```

完畢