<div v-for="(item,index) in listObj" :key="index">
<div style="height:60px;float:left" v-bind:class="{urgent:item.status==1,moderate:item.status==2,idle:item.status==3}">
</div>
.urgent{
width:65%;
float:left;
border-left:2px solid rgba(251,49,47,1);
border-top:1px solid gray
}
.moderate{
width:65%;
float:left;
border-left:2px solid rgba(255,159,39,1);
border-top:1px solid gray
}
.idle{
width:65%;
float:left;
border-left:2px solid rgba(7,181,0,1);
border-top:1px solid gray
}
效果图: