<!--subPackage/component/tabBar/tabBar.wxml-->
<!-- <cover-view class='bottom-container'>
  
</cover-view> -->
<!-- <view class='bottom-tab-bar'>
  <view class='tab-bar-item' 
  bindtap='onTapToPage' 
  wx:key="tabkey" 
  wx:for="{{tabBar}}" 
  wx:for-index="idx"
  data-index="{{idx}}"
  data-item="{{item}}"
  wx:for-item="item">
    <image src='{{item.isActive ? item.activeUrl : item.defaultUrl}}' mode='widthFix'></image>
  </view>
</view> -->

<!-- 新的tab bar -->
<!-- <cover-view class='bottom'> -->
<view class='bottom-tab-bar'>
  <view class='tab-bar-item' 
    bindtap='onTapToPage' 
    wx:key="tabkey" 
    wx:for="{{tabBar}}" 
    wx:for-index="idx"
    data-index="{{idx}}"
    data-item="{{item}}"
    wx:for-item="item">
      <view class='out' wx:if="{{idx == 2}}">
        <image src='{{item.isActive ? item.activeUrl : item.defaultUrl}}'  mode='widthFix'></image>
      </view>
      <view class='hover' wx:if="{{idx == 2}}"></view>
      <image wx:if="{{idx != 2}}" src='{{item.isActive ? item.activeUrl : item.defaultUrl}}'  mode='widthFix'></image>
  </view>
</view>
<!-- </cover-view> -->