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

[TabBar 标签栏] safeAreaInsetBottom属性好像没效果问题 #1671

Open
xiguiliu opened this issue Dec 4, 2024 · 2 comments
Open

[TabBar 标签栏] safeAreaInsetBottom属性好像没效果问题 #1671

xiguiliu opened this issue Dec 4, 2024 · 2 comments

Comments

@xiguiliu
Copy link

xiguiliu commented Dec 4, 2024

tdesign-mobile-vue 版本

1.6.0

重现链接

No response

重现步骤

使用TabBar 标签栏组件,在iphone机型上会被下面横线挡住部分的tabBar,使用padding-bottom: 10px;设置后能避免遮挡,可是其他安卓机型由于设置了padding-bottom: 10px;会显示tabbar高度较高,不美观。设置safeAreaInsetBottom属性好像没有效果。safeAreaInsetBottom=“true”和safeAreaInsetBottom=“false”看不出区别在哪。

期望结果

iphone机型TbaBar不被横线遮挡,寻找更佳解决办法

实际结果

No response

框架版本

3.5.12

浏览器版本

No response

系统版本

No response

Node版本

No response

补充说明

No response

Copy link
Contributor

github-actions bot commented Dec 4, 2024

👋 @xiguiliu,感谢给 TDesign 提出了 issue。
请根据 issue 模版确保背景信息的完善,我们将调查并尽快回复你。

@xiguiliu
Copy link
Author

xiguiliu commented Dec 4, 2024

抱歉,上面有个错别字,是iphone机型,打成了iphone机箱

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

No branches or pull requests

1 participant