<view class="am-tabs {{className}}" style="{{style}}" >
  <view class="am-tabs-tab-bar-wrap">
    <view class="am-tabs-bar">
      <view class="am-tabs-bar-content-wrap">
        <!-- <view class="am-tabs-scroll-left"></view>
        <view class="am-tabs-scroll-right"></view> -->
        <view 
          a:if="{{fixed}}"
          class="am-tabs-bar-content-fixed"
        >
          <block a:for="{{tabs}}">
              <view
                data-index="{{index}}"
                key="tabs-item-{{index}}"
                onTap="handleTabClick"
                style="{{
                  backgroundColor: tabBarBackgroundColor,
                  color: index === current ? tabBarActiveTextColor: tabBarInactiveTextColor,
                  width: tabWidth * 100 + '%',
                  borderBottomColor: index === current ? tabBarUnderlineColor : '',
                }}"
                class="am-tabs-bar-tab">
                <view class="am-tabs-bar-title" >
                  {{item.title}}
                </view>
              </view>
            </block>
        </view>
        <scroll-view
          a:if="{{!fixed}}"
          scroll-left="{{scrollInit}}"
          scroll-x="{{true}}"
          scroll-with-animation="{{true}}"
          class="am-tabs-bar-content">
          <block a:for="{{tabs}}">
            <view
              data-index="{{index}}"
              key="tabs-item-{{index}}"
              onTap="handleTabClick"
              style="{{
                backgroundColor: tabBarBackgroundColor,
                color: index === current ? tabBarActiveTextColor: tabBarInactiveTextColor,
                width: tabWidth * 100 + '%',
                borderBottomColor: index === current ? tabBarUnderlineColor : '',
              }}"
              class="am-tabs-bar-tab">
              <view class="am-tabs-bar-title" >
                {{item.title}}
              </view>
            </view>
          </block>
        </scroll-view>
      </view>
      <view class="am-tabs-plus-wrap {{showPlus ? 'show' : ''}}">
        <view class="am-tabs-plus" onTap="handlePlusClick"></view>
      </view>
    </view>
    <swiper
      current="{{current}}"
      interval="99999999"
      autoplay="{{true}}"
      onChange="handleSwiperChange"
      class="am-tabs-content-wrap">
      <slot></slot>
    </swiper>
  </view>
</view>
