微信小程序 tab切换内容及分页

在实际项目中，经常会遇到点击切换不同内容的情况，尤其是个人中心的订单页，还要同时实现滚动分页效果。

效果如下：

 

<view class="tabNav">
    <view wx:for="{
   {navTab}}" wx:key="index" data-idx="{
   {index}}" bindtap="currentTab" class="{
   {currentTab==index ? 'cur' : ''}}"><text>{
   {item}}</text></view>
</view>
<view class="orderInfo">
  <view class="orderInfo-item" wx:for="{<