微信小程序 使用 swiper 滑动切换以及数据过多可向上滑动

上次写小程序的时候 有一个需求，就是可以滑动来切换，也可以点击切换，然后数据过多时，可以往上滑动，但是众所周知，小程序使用swiper来写这个功能完全是可以的，但是swiper 组件有一个问题，就是高度是固定的，如果超出的话就会内容就会被隐藏，后来我查阅了一些资料，应该也是借鉴网上方法，现在做总结的时候，忘记了是看的哪篇文章， 所以，如果侵权， 请告知，立删，拿自己做的小程序为例，来说下解决方法，如下，写代码：

类似这样的功能完成。
所以解决这个高度问题，需要使用小程序的另一个组件，scroll-view,以及提供的接口计算内容的高度，然后使用户可以滑动。

var that = this
    wx.getSystemInfo({
      success: function (res) {
        that.setData({
          clientHeight: res.windowHeight
        });
      }
    });

获取到屏幕的高度，然后再wxml添加动态高度样式

关于swiper 的参数配置我就不多说了，可以看官网文档就可以了。
针对滑动以及点击切换，写一个触发事件。

//滑动切换   
swiperTab: function (e) {
    var that = this;
    that.setData({
      currentTab: e.detail.current
    });   },

  //点击切换  
   clickTab: function (e) {
    var that = this;
    if (this.data.currentTab === e.target.dataset.current) {
      return false;
    } else {
      that.setData({
        currentTab: e.target.dataset.current
      })
    }   }

这样就能解决这个问题了。

有问题请各位指出，谢谢~