微信小程序实现tab栏切换功能

html

  
      标题1
      标题2
  
  
      内容1
      内容2
  

css

.tab-title{
  width:100%;
  height:50rpx;
  line-height:50rpx;
  display:flex;
  flex-direction: row;
}
.tab-title view{
  flex:auto;
  text-align:center;
}
.border-tottom{
  border-bottom:1rpx solid red;
}
.show{display:block;}
.hidden{display:none;}

js

Page({
  data:{
    selected1:true,
    selected2:false
  },
  selected1:function(e){
    this.setData({
      selected1:true,
      selected2:false
    })
  },
  selected2: function (e) {
    this.setData({
      selected2: true,
      selected1: false
    })
  }
})

 

转载于:https://my.oschina.net/u/3512111/blog/994804