<!--miniprogram/custom-tab-bar/index.wxml-->
<view class="tab-bar" style="">
  <!-- <view class="tab-bar-border"></view>-->
  <view class='tab-bar-content'>
    <view wx:for="{{list}}" wx:key="index" class="{{index === 1 ? 'tab-bar-item-center' : 'tab-bar-item'}}" data-path="{{item.pagePath}}" data-index="{{index}}" bindtap="switchTab">
      <image class="{{index === 1 ? 'tab-bar-item-icon' : ''}}" src="{{selected === index ? item.selectedIconPath : item.iconPath}}"></image>
      <view wx:if="{{index !== 1}}" style="color: {{selected === index ? selectedColor : color}}">{{item.text}}</view>
    </view>
  </view>
  <view class="safe-area-inset-bottom"></view>
</view>
