Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

tab组件内嵌套tab组件,内层tab的底部滑块不显示 #5200

Closed
huajianjiu opened this issue Jan 21, 2023 · 6 comments
Closed

tab组件内嵌套tab组件,内层tab的底部滑块不显示 #5200

huajianjiu opened this issue Jan 21, 2023 · 6 comments

Comments

@huajianjiu
Copy link

huajianjiu commented Jan 21, 2023

重现链接

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

设备/浏览器

No response

@370295005
Copy link

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

@huajianjiu
Copy link
Author

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

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

@johnsonwong666
Copy link
Collaborator

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

This was referenced Apr 24, 2023
@landluck
Copy link
Contributor

landluck commented May 4, 2023

v1.10.17 已修复

@landluck landluck closed this as completed May 4, 2023
@MarryWu
Copy link

MarryWu commented May 6, 2023

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

@johnsonwong666
Copy link
Collaborator

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

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

No branches or pull requests

5 participants