小程序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 文字过长显示不全