CRMEB_Uniapp/custom-tab-bar/index.wxml

<view class="tab-bar">
  <view class="tab-bar-border"></view>
  <view class="tab-bar-content">
    <view 
      wx:for="{{list}}" 
      wx:key="index" 
      class="tab-bar-item {{item.isSpecial ? 'special-item' : ''}}" 
      data-path="{{item.pagePath}}" 
      data-index="{{index}}"
      bindtap="switchTab"
    >
      <!-- 普通按钮 -->
      <view wx:if="{{!item.isSpecial}}" class="tab-item-content">
        <image 
          src="{{selected === index ? item.selectedIconPath : item.iconPath}}" 
          class="tab-icon"
        ></image>
        <view class="tab-text" style="color: {{selected === index ? selectedColor : color}}">
          {{item.text}}
        </view>
      </view>
      
      <!-- 特殊的乐购按钮 -->
      <view wx:else class="special-button">
        <view class="special-button-bg">
          <view class="special-icon-container">
            <image 
              src="{{selected === index ? item.selectedIconPath : item.iconPath}}" 
              class="special-icon"
            ></image>
          </view>
        </view>
        <view class="special-text" style="color: {{selected === index ? selectedColor : color}}">
          {{item.text}}
        </view>
      </view>
    </view>
  </view>
</view>