wx_qyj/components/tabbar/tabbar.wxml

<view class="tabbar_box {{isIphoneX?'iphoneX-height':''}}" style="background-color:{{tabbar.backgroundColor}};bottom: {{bottom}}rpx;">
  <block wx:for="{{tabbar.list}}" wx:key="pagePath">
    <navigator wx:if="{{item.isSpecial}}" class="tabbar_nav" hover-class="none" url="{{item.pagePath}}" style="color:{{tabbar.selectedColor}}" open-type="switchTab">
      <view class='special-wrapper'>
        <image class="tabbar_icon" src="{{item.iconPath}}"></image>
      </view>
      <image class='special-text-wrapper'></image>
      <text class="tabtext">{{item.text}}</text>
    </navigator>
    <navigator wx:else class="tabbar_nav" hover-class="none" url="{{item.pagePath}}" style="color:{{item.selected ? tabbar.selectedColor : tabbar.color}}" open-type="switchTab">
      <block wx:if="{{item.text=='消息'}}">
        <image class="tabbar_icon" src="{{item.selected ? item.selectedIconPath : item.iconPath}}"></image>
        <block wx:if="{{unreadCount>0}}">
          <text class="weui-badge" style="position: absolute; top: 0px; right: 15%;">{{unreadCount}}</text>
        </block>
        <text class="tabtext">{{item.text}}</text>
      </block>
      <block wx:else="">
        <image class="tabbar_icon" src="{{item.selected ? item.selectedIconPath : item.iconPath}}"></image>
        <text class="tabtext">{{item.text}}</text>
      </block>
    </navigator>
  </block>
</view>