## :-: 下拉刷新 [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() } ~~~