带有离子标签图标的水平滚动

Question

我想使用ion-tabs获得可伸缩的标签。但标签页缩小了，但没有水平滚动。这是代码：toptabs，code

由于它是弹性布局，因此我尝试使用white-space:nowrap flex-wrap:nowrap

.tabbar{
    opacity:1;
    overflow-x:true;
    //width:auto;
}
.tab-button{
    flex:1 0 auto;
}
ion-tabs{
    overflow-x:scroll;
}

，但没有按预期工作。我想做类似this

的东西

有人可以帮忙吗？这不是重复的。请看代码。我需要标签。标记之前请先了解。