youzan / vant-weapp

轻量、可靠的小程序 UI 组件库
https://vant.pro/vant-weapp/
MIT License
17.65k stars 3.48k forks source link

van-popup 内容展示位置,在小程序开发工具和真机上展示位置不一样 #5845

Open sunwenxu1997 opened 1 month ago

sunwenxu1997 commented 1 month ago

重现链接

相同的代码,内容位置不一致。真机和右侧胶囊位置持平,而在开发工具上直接展示在了最最上面。 e60a432c8db7dacc9f1a15f58e30a1f 企业微信截图_17211007383866

Vant Weapp 版本

"@vant/weapp": "^1.10.2"

描述一下你遇到的问题。

展示位置不一致

重现步骤

展示位置不一致

设备/浏览器

真机 苹果15

sunwenxu1997 commented 1 month ago

我在代码里配置了 safe-area-inset-top(是否留出顶部安全距离(状态栏高度)) 属性为true,不知为何微信开发工具上不生效。设置为false后,真机和开发工具的内容位置都在最顶部了。🤷‍maybe 是微信开发工具的bug?

autobio-erp commented 1 month ago

<van-popup show="{{ show }}" round position="right" safe-area-inset-top=“{{true}}” custom-style="height: 100%;width:80%" bind:close="onClose" /> 是否留出顶部安全距离(状态栏高度) safe-area-inset-top 这个属性不生效