Mini-Program/custom-tab-bar/index.wxml

<view class="tab-bar" wx:if="{{show}}">
  <!-- 左侧按钮组 -->
  <view class="tab-bar-left">
    <view class="tab-bar-item {{selected === 'index' ? 'active' : ''}}" 
          data-path="pages/index/index" 
          data-key="index" 
          bindtap="switchTab">
      <view class="tab-bar-icon">
        <view class="tab-bar-badge" wx:if="{{badges['index']}}">{{badges['index']}}</view>
      </view>
      <view class="tab-bar-text">首页</view>
    </view>
    
    <view class="tab-bar-item {{selected === 'chat' ? 'active' : ''}}" 
          data-path="pages/chat/index" 
          data-key="chat" 
          bindtap="switchTab">
      <view class="tab-bar-icon">
        <view class="tab-bar-badge" wx:if="{{badges['chat']}}">{{badges['chat']}}</view>
      </view>
      <view class="tab-bar-text">消息</view>
    </view>
  </view>
  
  <!-- 鸡蛋估价按钮 -->
  <view class="tab-bar-center" bindtap="goToEvaluatePage">
    <view class="egg-button">
      <view class="egg-icon" style="position: absolute; left: 1rpx; top: 30rpx">🥚</view>
      <view class="egg-text" style="position: absolute; left: 60rpx; top: 83rpx">估</view>
    </view>
  </view>
  
  <!-- 右侧按钮组 -->
  <view class="tab-bar-right">
    <view class="tab-bar-item {{selected === 'settlement' ? 'active' : ''}}" 
          data-path="pages/settlement/index" 
          data-key="settlement" 
          bindtap="switchTab">
      <view class="tab-bar-icon">
        <view class="tab-bar-badge" wx:if="{{badges['settlement']}}">{{badges['settlement']}}</view>
      </view>
      <view class="tab-bar-text">入驻</view>
    </view>
    

    
    <view class="tab-bar-item {{selected === 'profile' ? 'active' : ''}}" 
          data-path="pages/profile/index" 
          data-key="profile" 
          bindtap="switchTab">
      <view class="tab-bar-icon">
        <view class="tab-bar-badge" wx:if="{{badges['profile']}}">{{badges['profile']}}</view>
      </view>
      <view class="tab-bar-text">我</view>
    </view>
  </view>
</view>