[youzan/vant-weapp]tab组件内嵌套tab组件,内层tab的底部滑块不显示

2024-08-20 167 views
7
重现链接

tab组件内嵌套tab组件,如果外层type=card,内层滑块会被遮挡,显示不出来。

Vant Weapp 版本

1.10.12

描述一下你遇到的问题。

tab组件内嵌套tab组件,如果外层type=card,内层滑块会被遮挡,显示不出来。

重现步骤

外层tabs的type设置位card,此时内层tab的滑块就无法显示,经过检查发现是高度不够,导致滑块无法显示,怀疑是内层tab继承了外层tab的高度。 外层type=line时内层滑块正常显示 外层type=line

外层type=card时内层滑块被盖住 image

经过检查发现滑块被渲染了,但是被遮挡住了,scroll-view高度不够 2

回答

3

请问有遇到过切换一级tab时二级tab的滑块的位置会不正确的情况吗 image

1

这个倒是没有,一种解决方案是自己手写一层tab,或者用其他组件库的tab,混合使用

7

可以提供一个小程序代码片段吗? 检查一下父级的高度是不是100%

3

v1.10.17 已修复

1

image 为什么我引入tab和tabs时候会报错 引入其他组件就没问题

1

尝试重新构建npm,确认一下 usingcompnents的引用路径