小程序-tab

 

.home-nav-view {
  background: #ffffff;
  padding: 0rpx 30rpx 0rpx;
  line-height: 66rpx;
  padding-top: 15rpx;
  height: 96rpx;
  margin-bottom: 20rpx;
}

.home-nav-list {
  color: #4A4A4A;
}

.home-nav-cur {
  font-size: 28rpx;
  font-weight: bold;
  color: #EF5D5E;
  border-bottom: 4rpx solid #EF5D5E;
  margin-right:45rpx ;
}
.home-nav-text{
  font-size: 28rpx;
  margin-right:45rpx ;
}

<!-- 筛选 -->
<view class="home-nav-view">
  <view class='home-nav-list app-r'>
      <view  style="display: flex;" wx:for="{{tabArr}}">
        <view class='{{tabIndex==item.id?"home-nav-cur home-nav-text":"home-nav-text"}}' :data-idx='item.id'>{{item.name}}</view>
      </view>
</view>
</view>