码迷,mamicode.com
首页 > 微信 > 详细

小程序-下拉刷新

时间:2019-12-21 11:56:07      阅读:109      评论:0      收藏:0      [点我收藏+]

标签:ace   相同   top   new   family   down   12px   color   NPU   

框架---小程序配置---页面配置

属性 类型 默认值 说明
enablePullDownRefresh boolean false 是否开启当前页面下拉刷新
onReachBottomDistance number 50 页面上拉触底事件触发时距页面底部距离(px)
 
 
如果是全局都需要下拉刷星,在app.json中配置:
        {
            "window":{
                "enablePullDownRefresh":true
            }
        }

 

如果是指定页面(detail.wxml)需要下拉刷新,在detail.json中配置:

        "enablePullDownRefresh":true

    注意:在这里的配置会覆盖掉app.json中window中相同的配置项

    此时,在detail.js中:

            Page({
                onPullDownRefresh(){
                    // 执行请求数据的方法
                    init();
                }
            })

    此时,下拉松手后会隔一段时间才会复位,解决:

      API---界面---下拉刷新

      wx.stopPullDownRefresh()

      示例代码:

            Page({
                onPullDownRefresh () {
                    wx.stopPullDownRefresh()
                }
            })

 

 

 

 

 

 

 

 

 

小程序-下拉刷新

标签:ace   相同   top   new   family   down   12px   color   NPU   

原文地址:https://www.cnblogs.com/wuqilang/p/12076151.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!