Skyline｜探秘下拉二楼，打造更丰富的内容展示

<scroll-view 
    type="list" 
    scroll-y 
    // 开启下拉刷新（下拉二级必须开启下拉刷新） 
    refresher-enabled="{{true}}" 
    // 开启下拉二级能力 
    refresher-two-level-enabled="{{true}}" 
    // 处于二级状态是否可滑动 
    refresher-two-level-scroll-enabled="{{true}}" 
> 
    ... 
</scroll-view>

<scroll-view ... >
  <view slot="refresher">
    这里是二楼的内容
  </view>
</scroll-view>

<scroll-view 
  bind:refresherstatuschange="onStatusChange"
  ...
  >
  <view slot="refresher"></view>
  ...
</scroll-view>


// .js
onStatusChange(e) {
  const status: RefreshStatus = e.detail.status

  if (status === RefreshStatus.TwoLeveling) {
    const that = this
    // 当打开二级之后，跳转到新的页面
    wx.navigateTo({
      url: '../goods/index',
      events: {
        nextPageRouteDone: function(data) {
          // 新页面打开之后，关闭下拉二楼
          that.scrollContext.closeTwoLevel({
            duration: 1
          })
        }
      }
    })
  }
}