<block>

  <view class="swiper-tab">

    <view data-current="1" bindtap="swichNav" class="swiper-tab-list"><text class="{{currentTab==1 ? 'on' : ''}}" data-current="1" bindtap="swichNav">听讲座</text></view>

    <view data-current="2" bindtap="swichNav" class="swiper-tab-list"><text class="{{currentTab==2 ? 'on' : ''}}" data-current="2" bindtap="swichNav">看视频</text></view>

  </view>

</block>

.swiper-tab {

  width: 100%;

  border-bottom: 2rpx solid #777;

  text-align: center;

  line-height: 80rpx;

}

.swiper-tab-list {

  display: inline-block;

  width: 50%;

  color: #777;

  font-size: 30rpx;

  text-decoration-line: underline !important;

}

.on {

  color:  #da7c0c;

  margin-bottom: 5px;

  font-weight:bold;

  border-bottom: 5rpx solid #da7c0c;

}