karamay_wx/custom-tab-bar/index.wxml

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