//导航栏
.navBarBox{
width: 750px;
overflow-x: auto;
.navBar{
width: auto;
margin-left: 25px;
margin-top: 40px;
margin-bottom: 40px;
overflow-x: auto;
white-space:nowrap;
li{
display: inline-block;
height: 50px;
line-height: 50px;
padding-left: 35px;
padding-right: 35px;
margin-right: 12.5px;
border-radius: 10px;
background: #EEEEEE;
font-family:" PingFangSC-Regular";
font-size: 30px;
color: #333333;
text-align: center;
}
.active{
background: #CB1E36;
color: #ffffff!important;
}
}
}
<!-- 导航栏 -->
<div class="navBarBox">
<ul class="navBar">
<li v-for="(ModuleList,index) in ModuleList" @click="choose(index)" v-show="Object.keys(ModuleList).length > 0" :class="currentIndex==index?'active':''" >{{ModuleList.ModuleName}}</li>
</ul>
</div>