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