微信小程序——下拉刷新
1.界面样式
2.业务需求
用户可以手动下拉刷新
坑:
1.真机测试不弹回
解决方法: 下拉刷新事件中增加停止事件
2.下拉刷新中使用wx.showToast等交互反馈,会导致反弹距离过大的问题,依然还是存在无法完全弹回的问题。
所以,一定不能用微信自带加载动画
3.下拉看不到图标
3.代码
//js文件中——下拉刷新
onPullDownRefresh:function(){
//显示顶部刷新图标
wx.showNavigationBarLoading();
//要刷新请求服务器的方法
this.selectCar();
//隐藏导航栏加载框
wx.hideNavigationBarLoading();
//停止下拉事件
wx.stopPullDownRefresh();
},
//json文件中
"enablePullDownRefresh": true
//app.json文件中
"window": {
"backgroundTextStyle": "dark",
},
|
请发表评论