moshiji-wechat-mini-program/miniprogram/components/navigationBar/navigationBar.wxml

<!--components/navigationBar/navigationBar.wxml-->
<view class="tabbar-box">
  <block wx:for="{{menu}}" wx:key="list">
    <view class="menu-item {{currIndex==index && 'active'}}" catchtap="tabClick" data-index="{{index}}">
      <iconfont  name="{{currIndex==index ? item.select :item.icon}}" class="iconStyle iconfont" />
      <text>{{item.name}}</text>
    </view>
  </block>
  <view class="active-tabbar-box" style="--n:{{currIndex}}"></view>
</view>