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下拉刷新与上拉加载更多,更多内容欢迎关注之后的文章

 

posted @   云豹科技-苏凌霄  阅读(15)  评论(0编辑  收藏  举报
相关博文:
阅读排行:
· 分享一个免费、快速、无限量使用的满血 DeepSeek R1 模型,支持深度思考和联网搜索!
· 基于 Docker 搭建 FRP 内网穿透开源项目(很简单哒)
· ollama系列01:轻松3步本地部署deepseek,普通电脑可用
· 25岁的心里话
· 按钮权限的设计及实现
历史上的今天:
2022-06-15 android短视频开发,Flutter使用系统相机和相册获取图片
2022-06-15 短视频开发app,输入时点击空白区域收起输入法键盘
2022-06-15 直播app源码,使用jq实现进入和离开动画
点击右上角即可分享
微信分享提示