手指在屏幕上下拉滑动操作,重新加载页面数据的行为
在邢台等地区,都构建了全面的区域性战略布局,加强发展的系统性、市场前瞻性、产品创新能力,以专注、极致的服务理念,为客户提供网站建设、成都做网站 网站设计制作按需定制设计,公司网站建设,企业网站建设,高端网站设计,全网整合营销推广,成都外贸网站建设公司,邢台网站建设费用合理。
在全局或页面的 .json 配置文件中,通过 backgroundColor
和 backgroundTextStyle
来配置下拉刷新窗口的样式。
backgroundColor
窗口的背景颜色,仅支持16进制的颜色值backgroundTextStyle
下拉 loading
的样式,仅支持 dark
和 light
字符串message.jsop
{
"usingComponents": {},
"enablePullDownRefresh": true,
"backgroundColor": "#efefef",
"backgroundTextStyle": "dark"
}
通过页面的.js文件中里面的 onPullDownRefresh()
函数实现。
message.wxml
<view>count值是:{{count}}</view>
<button bindtap="addCount">+1</button>
message.js
data: {
count:0
},
addCount(){
this.setData({
count:this.data.count+1
})
},
/**
* 页面相关事件处理函数--监听用户下拉动作
*/
onPullDownRefresh() {
this.setData({
count:0
})
},
当一松手时,能够停止刷新,则要调用wx.stopPullDownRefresh()
message.js
onPullDownRefresh() {
this.setData({
count:0
})
wx.stopPullDownRefresh()
},
手指在手机屏幕的上拉滑动操作,从而加载更多数据的行为
在页面的.js文件中,通过onReachBottom()
函数实现,注意要让内容的长度高于页面的高度才行。
就是想要触发上拉触底事件的话,它会量你滚动条要距离页面底部的距离才选择触发。
可以在.json配置文件中,通过 onReachBottomDistance
属性配置,默认50px。
本文题目:【微信小程序】知识点:页面事件
网页URL:https://www.cdcxhl.com/article22/dsojgjc.html
成都网站建设公司_创新互联,为您提供手机网站建设、营销型网站建设、、企业网站制作、网站策划、外贸网站建设
声明:本网站发布的内容(图片、视频和文字)以用户投稿、用户转载内容为主,如果涉及侵权请尽快告知,我们将会在第一时间删除。文章观点不代表本网站立场,如需处理请联系客服。电话:028-86922220;邮箱:631063699@qq.com。内容未经允许不得转载,或转载时需注明来源: 创新互联