小程序vant tab组件解决文字过多显示不全的问题

使用小程序时，某些分类名称可能会过长，导致tab组件显示就会出现下图显示不全的问题。

方法步骤

1. 增加tab-class标签样式类

<!--增加tab-class定义-->
<van-tabs tab-class="tab-class" sticky class="nav" active="{{ active }}" bind:change="onCateChange"> 
    <van-tab wx:for="{{cate_list}}" wx:key="index" title="{{item.name}}"></van-tab>
</van-tabs>

2. 增加样式设置

.tab-class {
  flex: none !important;
}

参考文档

tab 文字过长显示不全