## :-: 下拉刷新 [TOC] 在需要下拉刷新的json文件中配置一下 例如 movie.json中 ~~~ "enablePullDownRefresh":true ~~~ ~~~ //下拉刷新 onPullDownRefresh(event){ var refreshUrl = webUrl+this.data.type+"?start=0&count=20"; //執行下拉先將數據清空 this.data.movies=[]; this.data.isEmpty = true; util.http(refreshUrl,this.callback); wx.showNavigationBarLoading(); } ~~~ ~~~ "window": { "navigationBarBackgroundColor": "#405f80", "navigationBarTextStyle": "white", "navigationBarTitleText":"小程序", //設置的拉下刷新的顏色 "backgroundColor": "#333", "backgroundTextStyle": "dark", "enablePullDownRefresh": false }, ~~~ ### 初始頁面加載時的中間顯示加載圖標 ~~~ <!--index.wxml--> <!-- loading組件 還沒取到數據是用加載圖標顯示--> <loading hidden="{{show}}"></loading> //index.js Page({ data: { show:false }, //在復制給外面data同時將show改為true self.setData({ list, show:true }); ~~~ ### 在頁面中下拉加載數據時 頭部顯示加載圖標 數據加載完畢時隱藏 ~~~ onReachBottom: function () { // 到底部下拉加載時最上方顯示加載圖標 wx.showNavigationBarLoading(); 中間是下拉是要加載的數據 兩個分別放頭和尾 // 當加載完畢時取消頂部加載圖標 wx.hideNavigationBarLoading() } ~~~