<view class="tab-swiper-navbar">
      <block tt:for="{{tabs}}" tt:key="{{index}}">
          <view id="{{index}}" data-tab-info="{{item}}" class="tab-swiper-navbar-item {{activeIndex == index ? 'tab-swiper-navbar-item-on' : ''}}" style="width:{{sliderWidth}}px;" bindtap="navTabClick">
            <text>{{item.name}}</text>
            <image class="tab-swiper-navbar-icon" tt:if="{{item.iconUrl}}" src="{{item.iconUrl}}" mode="aspectFit" />
          </view>
          <view class="tab-swiper-navbar-item-split-y"></view>
      </block>
      <view class="tab-swiper-navbar-slider" style="width: {{sliderWidth}}px; transform: translateX({{sliderOffset}}px); -webkit-transform: translateX({{sliderOffset}}px);"></view>
  </view>