wxmp-wodeshebao/custom-tab-bar/index.wxml

<!--miniprogram/custom-tab-bar/index.wxml-->
<!-- <cover-view class="tab-bar"> -->
  <!-- <cover-view class="tab-bar-border"></cover-view> -->
  <!-- <cover-view wx:for="{{list}}" wx:key="index" class="tab-bar-item" data-path="{{item.pagePath}}" data-index="{{index}}" bindtap="switchTab">
    <cover-image src="{{selected === index ? item.selectedIconPath : item.iconPath}}"></cover-image>
    <cover-view style="color: {{selected === index ? selectedColor : color}}">{{item.text}}</cover-view>
  </cover-view>
</cover-view> -->

<view class="tab-bar">
  <view wx:for="{{list}}" wx:key="index" class="tab-bar-item" data-path="{{item.pagePath}}" data-index="{{index}}" bindtap="switchTab">
    <image src="{{selected === index ? item.selectedIconPath : item.iconPath}}"></image>
    <view style="color: {{selected === index ? selectedColor : color}}">{{item.text}}</view>
  </view>

  <view class="red-dot" data-path="{{list[2].pagePath}}" data-index="{{2}}" bindtap="switchTab" hidden="{{redDot == '0'}}">
    <view>
      <view>
        <text>{{redDot}}</text>
      </view>
    </view>
  </view>
</view>