小程序vant tab组件解决文字过多显示不全的问题
使用小程序时，某些分类名称可能会过长，导致tab组件显示就会出现下图显示不全的问题。
方法步骤
1. 增加tab-class标签样式类
|
1 2 3 4 |
<!--增加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. 增加样式设置
|
1 2 3 |
.tab-class { flex: none !important; } |
参考文档
原创文章，作者：seabert，如若转载，请注明出处：https://bysjb.cn/vant-tab.html