wxlitian/miniprogram/custom-tab-bar/index.wxml

<t-tab-bar class="custombar" value="{{active}}" bindchange="onChange" split="{{false}}" style="--td-tab-bar-bg-color: #f9f9f9;">
  <t-tab-bar-item wx:for="{{list}}" wx:for-item="item" wx:for-index="index" wx:key="index" value="{{item.pagePath}}">
    <view class="custom-tab-bar-wrapper">
      <!-- <t-icon prefix="wr" name="{{item.icon}}" size="48rpx" /> -->
      <view class="icon-wrap">
        <t-image t-class="icon" src="{{item.selectedIconPath}}" mode="aspectFill" wx:if="{{index === active}}" />
        <t-image t-class="icon" src="{{item.iconPath}}" mode="aspectFill" wx:else />
      </view>
      <view class="text pt-2"><text>{{ item.text }}</text></view>
    </view>
  </t-tab-bar-item>
</t-tab-bar>