效果图如下: 上拉刷新 与 下拉刷新
代码如下:
joked.wxml
<scroll-view class="scroll" scroll-y refresher-enabled refresher-default-style="white" bindrefresherrefresh="onRefresh" refresher-triggered="{{isRefreshing}}" bindscrolltolower="getmoreData">
<view class="item" wx:for="{{jokeList}}" wx:key="*this">
{{item}}
</view>
</scroll-view>
##解释代码如下:
refresher-enabled: 开启自定义下拉刷新
refresher-default-style="white": (string) 设置自定义下拉刷新默认样式,支持设置 black | white | none, none 表示不使用默认样式
bindrefresherrefresh="onRefresh":(eventhandle) 自定义下拉刷新被触发
refresher-triggered="{{isRefreshing}}":(boolean) 设置当前下拉刷新状态,true 表示下拉刷新已经被触发,false 表示下拉刷新未被触发
bindscrolltolower="getmoreData":(eventhandle) 滚动到底部/右边时触发
joked.ts