[youzan/vant-weapp]van-tabs info文字显示错误

重现链接

<van-tabs active="{{ active }}" color="#008BF5">
    <van-tab title="测试文字" info="333"></van-tab>
  </van-tabs>

Vant Weapp 版本

1.10.15

描述一下你遇到的问题。

van-tabs组件使用Info属性显示文字，文字显示的位置错误

去掉van-tabtitleinfo类中的display属性就正常了

重现步骤

<van-tabs active="{{ active }}" color="#008BF5">
    <van-tab title="测试文字" info="333"></van-tab>
  </van-tabs>

设备/浏览器

微信开发者中举

a243065157

临时修复的话可以去你小程序项目的根目录，找到miniprogram_npm/@vant/weapp/tabs/index.wxss文件，将最后一行.van-tab__title__info的display:inline-block;删掉（下图中选中部分）。

fanburger

正常情况下 van-info 的样式应该会覆盖掉 van-tabtilteinfo 的，我这边调试也是这样的情况，UI表现正常，你们那边能复现是有什么特殊设置吗

landluck

@landluck 没有特殊设置，直接新建一个小程序项目然后使用下面的代码就能直接复现了，

pages/index/index.wxml

<view class="container" style="background-color: black;">
<van-tabs active="{{ active }}" color="#008BF5">
<van-tab title="测试文字" info="333"></van-tab>
</van-tabs>
</view>

pages/index/index.js

Page({
data: {
active:true
},
onLoad() {

}
})

这个错误的原因很可能和 #5282 这个issues中提到的原因一样，微信小程序文档中有如下解释：文档地址

复现环境及软件版本：

开发平台：win 10
调试基础库：2.10.4~2.30.4
node.js：v16.13.0
vant-weapp: v1.10.15

真机预览环境及版本：

平台：Android 12
微信版本：8.0.32

fanburger

收到

a243065157

该问题修复PR 已MR，本周五会发布新版本

landluck

V1.10.16 版本已修复

landluck

[youzan/vant-weapp]van-tabs info文字显示错误

回答