<wrapper>
  <mas-adc-nav-bar 
    zIndex="100"
    onCallback="onReadyHeader" 
    background="linear-gradient(138.81deg,#007dff 0%,#75c4ff 73%,#6eddff 100%)"
    a:if="{{true}}" />
  <view
    class="center-tabs"
    style="{{`position: fixed; top: ${headerHeight}; z-index: 0;`}}"
  >
    <adc-tab
      tabs="{{ list }}"
      activeCls="tab-active"
      tabsName="activeTab"
      swipeable="{{ true }}"
      activeTab="{{ activeTab }}"
      onTabClick="handleTabClick"
      tabBarInactiveTextColor="#333"
      tabBarActiveTextColor="#333"
      tabBarBackgroundColor="#f5f5f5"
    >
    </adc-tab>
  </view>
  <view
    class="flat-list-content"
    style="{{`padding-top: ${tabHeight}px; height: ${contentHeight}px`}}"
  >
    <scroll-fetch
      a:if="{{filters}}"
      ref="saveRef"
      onService="onService"
      emptyMessage="未找到相关订单"
      height="100%"
    >
      <order-center-card
        slot-scope="props"
        onQueryFilter="queryFilter"
        item="{{props.item}}"
      ></order-center-card>
    </scroll-fetch>
  </view>
</wrapper>