微信小程序的上拉刷新与下拉刷新

效果图如下： 上拉刷新   与   下拉刷新

代码如下：

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