[Navbar 导航栏] fixed下占位不生效

[alongcai]

tdesign-mobile-vue 版本

1.11.1

重现链接

No response

重现步骤

样式类为t-navbar__placeholder代码内部为t-navbar____placeholder，且t-navbar--fixed同级不应添加style="position: fixed;"样式

期望结果

No response

实际结果

No response

框架版本

No response

浏览器版本

No response

系统版本

No response

Node版本

No response

补充说明

No response

[github-actions]

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

[anlyyao]

@alongcai 辛苦安装 npm i https://pkg.pr.new/Tencent/tdesign-mobile-vue@2103 测试一下～

[alongcai]

@alongcai 辛苦安装 npm i https://pkg.pr.new/Tencent/tdesign-mobile-vue@2103 测试一下～

t-navbar__placeholder div占位丢失

[anlyyao]

@alongcai 辛苦安装 npm i https://pkg.pr.new/Tencent/tdesign-mobile-vue@2103 测试一下～

t-navbar__placeholder div占位丢失

新增了一个 placeholder 属性，需要显示开启。 fixed + placeholder 都为 true 时，才会开启占位

[anlyyao]

@alongcai 试试 fixed 和 placeholder 属性都设置为 true

[alongcai]

@alongcai 试试 fixed 和 placeholder 属性都设置为 true

已解决，由于结构问题.t-navbar__content的env(safe-area-inset-top)无法生效。TabBar 标签栏希望也加上占位符

[anlyyao]

@alongcai 试试 fixed 和 placeholder 属性都设置为 true

已解决，由于结构问题.t-navbar__content的env(safe-area-inset-top)无法生效。TabBar 标签栏希望也加上占位符

TabBar 也补了 placeholder 属性，可以一并验证下

[anlyyao]

@alongcai 试试 fixed 和 placeholder 属性都设置为 true

已解决，由于结构问题.t-navbar__content的env(safe-area-inset-top)无法生效。TabBar 标签栏希望也加上占位符

navbar 的 safeAreaInsetTop 加在了组件根节点上，方便截图看下你真机上的效果？

[alongcai]

@alongcai 试试 fixed 和 placeholder 属性都设置为 true

已解决，由于结构问题.t-navbar__content的env(safe-area-inset-top)无法生效。TabBar 标签栏希望也加上占位符

navbar 的 safeAreaInsetTop 加在了组件根节点上，方便截图看下你真机上的效果？

.t-navbar__content是position: fixed;定位脱离文档流。safeAreaInsetTop 加在了组件根节点上肯定作用不到.t-navbar__content上。根组件包裹t-navbar__placeholder，这个是没有问题的。

[alongcai]

@alongcai 试试 fixed 和 placeholder 属性都设置为 true

已解决，由于结构问题.t-navbar__content的env(safe-area-inset-top)无法生效。TabBar 标签栏希望也加上占位符

TabBar 也补了 placeholder 属性，可以一并验证下

.t-tab-bar__placeholder应加上box-sizing: content-box;padding-bottom: constant(safe-area-inset-bottom);padding-bottom: env(safe-area-inset-bottom);