526互联

app直播源代码，scroll-view下拉刷新与上拉加载更多

发布时间 2023-06-15 14:16:16作者: 云豹科技-苏凌霄

app直播源代码，scroll-view下拉刷新与上拉加载更多

1、wxml代码

 

 


<!-- 数据列表 -->
<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">
    <view>
       
    </view>
    <view class="loading" hidden="{{!searchLoading}}">正在载入更多...</view>
    <view class="loading" hidden="{{!searchLoadingComplete}}">已加载全部</view>
</scroll-view>

​

2、js代码

 


Page({
  data: {
    List: [],
    patientId: '',
    // 刷新加载配置
    triggered: false,
    searchLoading:false,
    searchLoadingComplete:false,
    scrollTop:20,
    ok:10
  },
 
  //用户下拉动作
  onScrollRefresh: function () {
    var that=this;
    setTimeout(function(){
      that.setData({
        triggered: false,
      })
    },2000);
  },
 
  //上拉加载
  bindscrolltolowerFn: function(){
    // getStuList为请求服务端数据方法
    var that=this;
 
    that.setData({
        searchLoading: true,
      
    })
 
    console.log("====上拉加载======")
 
    setTimeout(function(){
        that.setData({
            searchLoading: false,
            ok:20
        })
      },2000);
               
   },
})

 

 以上就是 app直播源代码，scroll-view下拉刷新与上拉加载更多，更多内容欢迎关注之后的文章