https://uniapp.dcloud.io/frame?id=css%E5%8F%98%E9%87%8F
var(--status-bar-height)
此变量在微信小程序环境为固定25px
,在 App 里为手机实际状态栏高度。- 当设置
"navigationStyle":"custom"
取消原生导航栏后,由于窗体为沉浸式,占据了状态栏位置。此时可以使用一个高度为var(--status-bar-height)
的 view 放在页面顶部,避免页面内容出现在状态栏。
https://uniapp.dcloud.io/frame?id=css%E5%8F%98%E9%87%8F
var(--status-bar-height)
此变量在微信小程序环境为固定 25px
,在 App 里为手机实际状态栏高度。"navigationStyle":"custom"
取消原生导航栏后,由于窗体为沉浸式,占据了状态栏位置。此时可以使用一个高度为 var(--status-bar-height)
的 view 放在页面顶部,避免页面内容出现在状态栏。