app直播源代码,scroll-view下拉刷新与上拉加载更多
app直播源代码,scroll-view下拉刷新与上拉加载更多
1、wxml代码
1 | <br><!-- 数据列表 --><br><scroll-view class = "box-scroll" scroll-y= 'true' refresher-enabled= "true" refresher-threshold= "{{100}}" refresher- default -style= "black" refresher-background= "white" refresher-triggered= "{{triggered}}" bindrefresherrefresh= "onScrollRefresh" bindscrolltolower= "bindscrolltolowerFn" ><br> <view><br> <br> </view><br> <view class = "loading" hidden= "{{!searchLoading}}" >正在载入更多...</view><br> <view class = "loading" hidden= "{{!searchLoadingComplete}}" >已加载全部</view><br></scroll-view> |
2、js代码
1 | <br>Page({<br> data: {<br> List: [],<br> patientId: '' ,<br> // 刷新加载配置<br> triggered: false,<br> searchLoading:false,<br> searchLoadingComplete:false,<br> scrollTop:20,<br> ok:10<br> },<br> <br> //用户下拉动作<br> onScrollRefresh: function () {<br> var that=this;<br> setTimeout(function(){<br> that.setData({<br> triggered: false,<br> })<br> },2000);<br> },<br> <br> //上拉加载<br> bindscrolltolowerFn: function(){<br> // getStuList为请求服务端数据方法<br> var that=this;<br> <br> that.setData({<br> searchLoading: true,<br> <br> })<br> <br> console.log("====上拉加载======")<br> <br> setTimeout(function(){<br> that.setData({<br> searchLoading: false,<br> ok:20<br> })<br> },2000);<br> <br> },<br>}) |
以上就是 app直播源代码,scroll-view下拉刷新与上拉加载更多,更多内容欢迎关注之后的文章
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· 分享一个免费、快速、无限量使用的满血 DeepSeek R1 模型,支持深度思考和联网搜索!
· 基于 Docker 搭建 FRP 内网穿透开源项目(很简单哒)
· ollama系列01:轻松3步本地部署deepseek,普通电脑可用
· 25岁的心里话
· 按钮权限的设计及实现
2022-06-15 android短视频开发,Flutter使用系统相机和相册获取图片
2022-06-15 短视频开发app,输入时点击空白区域收起输入法键盘
2022-06-15 直播app源码,使用jq实现进入和离开动画