<div class="btnBox" style="padding: 10px 0 10px 0;box-sizing: border-box;">
<span class="yangshibutton" :class="{'slectcolor':flagClick=='服务量'}" @click="handleClick('服务量')">服务量</span>
<span class="yangshibutton" :class="{'slectcolor':flagClick=='服务质量'}" @click="handleClick('服务质量')">服务质量</span>
<span class="yangshibutton" :class="{'slectcolor':flagClick=='客户管理'}" @click="handleClick('客户管理')">客户管理</span>
</div>
methods方法里
//切换按钮
handleClick(flagClick){
if(!!flagClick){
this.flagClick=flagClick
this.getLevelColumnPic();//图文问诊今日
this.rightGetLevelColumnPic();//视频问诊今日
// this.queryRsPointList(); //查询
}
},
css样式
/* tab栏切换按钮样式 */
.slectcolor {
background-color:#229399 !important;
color: #fff;
}
.yangshibutton {
background-color:#fff;
cursor: pointer;
margin-right: 15px;
text-align: center;
display: inline-block;
width: 74px;
height: 34px;
line-height: 34px;
border: 1px solid rgb(204, 204, 204);
border-radius: 0px;
}
/* ----------------------------------------- */