求助贴：这个通知栏怎么像微信一样全屏显示而不是显示黑块

分类：HTML5+

通知栏

2023-12-28 16:16 负责人:无分享

2 个回复

全屏首先，manifest.json 中配置 "navigationStyle": "custom"

"globalStyle": {  
    "navigationStyle": "custom"  
}

其次可以利用 uni.getSystemInfo 获取到状态栏的高度statusBarHeight ，给页面设置padding-top 为电池栏高度，在做一个组件高度为 statusBarHeight ，fiexd 定位，确保页面滚动不会和电池栏重叠

一楼已给出方案，具体可参考：https://uniapp.dcloud.net.cn/collocation/pages.html#globalstyle

要回复问题请先登录或注册