小程序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; } |
参考文档
这些信息可能会帮助到你： 关于我们 | 侵权删除 | 捐赠支持
优惠推广：外卖红包天天领，下单享返钱，邀好友赚钱~文章名称：小程序vant tab组件解决文字过多显示不全的问题
文章链接：https://www.bysjb.cn/vant-tab.html
THE END
二维码
打赏
共有 0 条评论