<view class="tabbar-container{{cardMode?' '+cardMode:''}}" a:if="{{list && list.length > 0}}">
  <!-- <view class="tabbar-space"></view> -->
  <view class="tabbar-box {{className}}">
    <view a:for="{{list}}" className="item-tab {{index === activeIndex ? 'tab_active' : ''}}" >
      <button-auth
      item="{{...item, index, activeIndex, from: 'tabBar', templateUUID}}"
      formClass="form"
      needCallBack="{{false}}"
      onCallBack="handleTabBarChange"
      >
        <view class="item-icon-box">
          <image
            class="item_icon"
            src="{{index === activeIndex ? (item.extInfo.lightIcon.length === 32 ? imgSrcPrefix + item.extInfo.lightIcon : item.extInfo.lightIcon) : (item.extInfo.inactiveIcon.length === 32 ? imgSrcPrefix + item.extInfo.inactiveIcon: item.extInfo.inactiveIcon)}}" />
          <text number-of-lines="1" class="item_name">{{item.title}}</text>
        </view>
      </button-auth>
    </view>
  </view>
</view>
