1 .json中起用
@1 起用"enablePullDownRefresh": true,
@2 背景色默认白,将刷新的色调设置为黑"backgroundTextStyle": "dark"
{
"usingComponents": {},
"navigationBarBackgroundColor": "#ff0000",
"enablePullDownRefresh": true,
"navigationBarTitleText": "美容",
"backgroundTextStyle": "dark"
}
2 page中重写 onPullDownRefresh 方法
@1 网络请求 或者 setTimeout执行任务 形成闭包,this指向闭包,不能用this.setData,要将this放到外边
@2 wx.showNavigationBarLoading() //在标题栏中显示加载
@3 wx.hideNavigationBarLoading() //完成停止加载
//下拉刷新
onPullDownRefresh: function () {
wx.showNavigationBarLoading() //在标题栏中显示加载
//模拟加载
var my = this;
setTimeout(function () {
// complete
wx.hideNavigationBarLoading() //完成停止加载
wx.stopPullDownRefresh() //停止下拉刷新
let curList = [];
for (var i = 0; i < 3; i++) {
curList.push({
id: '1',
imgUrl: 'https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1548218630394&di=8a330378ca66ccd466ab6ad5b3726560&imgtype=0&src=http%3A%2F%2Fimg.bimg.126.net%2Fphoto%2FZZ5EGyuUCp9hBPk6_s4Ehg%3D%3D%2F5727171351132208489.jpg',
title: '秋季特价美甲秋季特价美甲秋季特价美甲秋季特价美甲秋季特价美甲秋季特价美甲',
price: '188',
langer: '我们追求卓美我们追求卓美我们追求卓美'
});
}
my.setData({
contentList: curList
})
}, 1500);
},