小程序tab

                                            

<view class="swiper-tab">
    <view style="padding-left:5px;" class="tab-list-left {{currentTab==0 ? 'on' : ''}}" data-current="0" bindtap="swichNav">拍照</view>
    <view class="tab-list-right {{currentTab==1 ? 'on' : ''}}" data-current="1" bindtap="swichNav">摄像</view>
</view>

.swiper-tab {
  text-align: center;
  background-color: #F7F7F7;
  line-height:55px;
  padding: 10px;
}

.sco{
  -webkit-overflow-scrolling : touch; 
}
.tab-list-left {
  font-size: 30rpx;
  display: inline-block;
  width: 25%;
  border: 1px solid #7cba23;
  line-height: 60rpx;
  color: #7cba23;
}
.tab-list-right {
  line-height: 60rpx;
  font-size: 30rpx;
  display: inline-block;
  width: 25%;
  border: 1px solid #7cba23;
  color: #7cba23;
}
.on {
  color: #fff;
  background-color: #7cba23;
}

 swichNav: function (e) {
   
   console.log('选中'+JSON.stringify(e.currentTarget.dataset.current));
   var chooseid=e.currentTarget.dataset.current;
   console.log( chooseid);
     if (chooseid==="0") {
      wx.showToast({
        title: '这是拍照'+chooseid,
      })
    } else {
     wx.showToast({
       title: '这是摄像'+chooseid,
     })
    }

    if (this.data.currentTab === e.target.dataset.current) {
      return false;
  } else {
      this.setData({
          currentTab: e.target.dataset.current,
          curNav:chooseid
      })
  }
 },