<view class="tab-bar" wx:if="{{isShow}}" catchtouchmove="touchMove">
  <view class="tab-bar-border"></view>
    <view wx:for="{{list}}" wx:key="index" class="tab-bar-item biggerSize2" data-path="{{item.pagePath}}" data-index="{{index}}" bindtap="switchTab">
      <!-- <view class="middle tac" wx:if="{{index === 1}}" hover-class="none" hover-stop-propagation="false">
        <image class="tabImg" src="{{item.selectedIconPath}}" />
      </view> -->
      <view class='tabImg-box'  hover-class="none" hover-stop-propagation="false">
        <image class="tabImg" style="visibility:{{selected === item.index ? 'visiable':'hidden'}}" src="{{item.selectedIconPath}}" />
        <image class="tabImg " style="visibility:{{selected === item.index ? 'hidden':'visiable'}}" src="{{item.iconPath}}" />
        <view class="tabText" style="color: {{selected === item.index ? selectedColor : color}}">{{item.text}}</view>
      </view>
    </view>
</view>
