<view class="order-list-page">
  <view class="order-list-navbar">
  <view class='order-list-navbar-item-space'></view>
      <block wx:for="{{tabs}}" wx:key="{{index}}">
          <view id="{{index}}" class="order-list-navbar-item {{activeIndex == index ? 'order-list-navbar-item-on' : ''}}" bindtap="navTabClick">
          {{item.name}}
            <!-- <text class="order-list-navbar-title">{{item.name}}</text> -->
          </view>
      </block>
      <view class='order-list-navbar-item-space'></view>
      <view class="order-list-navbar-slider" style="width: {{sliderWidth}}px; transform: translateX({{sliderOffset}}px); -webkit-transform: translateX({{sliderOffset}}px);"></view>
  </view>
  <view style="position: absolute;top: 108rpx;width: {{contentWidth}}px;height:{{contentHeight}}px;">
    <swiper current="{{activeIndex}}" duration="300" bindchange="bindChange" type>
      <swiper-item wx:for="{{tabs}}" wx:for-item="tab" wx:key="{{index}}" catchtouchmove='catchTouchMove'>
          <block wx:if="{{tab && tab.data && tab.data.data.length > 0}}">
            <scroll-view scroll-y="true" bindscrolltolower="onLoadMore">
              <block wx:for="{{tab.data.data}}" wx:for-item="order" data-video="{{order}}" wx:key="{{index}}">
                <orderlistcell id="orderlistcell" item="{{order}}" bindcancelorder="cancelOrder"/>
              </block>
              <view class="load_more_view" wx:if="{{tab.showLoadMoreView}}">加载中...</view>
            </scroll-view>
          </block>
          <block wx:else>
            <view class='empty'>
              <no-data-show-view></no-data-show-view>
            </view>
          </block>
      </swiper-item>
    </swiper>
  </view>
  <cancel-order-dialog show-confirm="{{cancelConfirm}}" order-code="{{cancelOrderCode}}"
                       nav-back="{{navBack}}"></cancel-order-dialog>
</view>