challengeFamily/components/tabbarComponent/tabbar.wxml

<!-- <view class="tabbar_box {{isIphoneX?'iphoneX-height':''}}" style="background-color:{{tabbar.backgroundColor}}"> -->
  <view class="tabbar_box {{isIphoneX?'iphoneX-height':''}}">
  <!-- <image src="../../img/tabBg.png" style="position: absolute;top: -24rpx;left: 0;height: 120%;width: 100%;" mode="" /> -->
  <block wx:for="{{tabbar.list}}" wx:key="pagePath">
    <view wx:if="{{item.isSpecial}}" class="tabbar_nav" hover-class="none" data-url="{{item.pagePath}}" style="color:{{tabbar.selectedColor}}" open-type="navigate" bindtap='navigator_url'>
      <view class='special-wrapper'>
        <image class="tabbar_icon" src="{{item.iconPath}}"></image>
      </view>
    </view>
    <view wx:else  hover-class="none" data-url="{{item.pagePath}}" class="color:{{item.selected ? 'longTab' : 'shortTab'}} tabbar_nav" bindtap='navigator_url'>
      <!-- <image class="tabbar_icon" src="{{item.selected ? item.selectedIconPath : item.iconPath}}"></image> -->
      <image class="tabbar_icon" src="{{item.selected ? item.selectedIconPath : item.iconPath}}"></image>
      <!-- <view>{{item.text}}</view> -->
      <!-- 红点 -->
       <!-- <view class="redDot" wx:if="{{item.pagePath=='/pages/mine/index'}}"> -->
    <!-- </view> -->
</view>
</block>
</view>
<!-- </view> -->