账户中心 退出系统
普通版本 weex版本

graceUI - app 端沉浸式状态栏优化

graceUI.png
功能介绍

使用 uni-app 开发的 app,在关闭顶部导航的情况下默认开启了沉浸式,页面滑动时由于状态栏背景透明效果不好;
graceUI 封装了 graceImmersedStatusbar 组件,动态兼容沉浸式,使用方便;
关闭默认的头部导航

"pages": [ 
    {
        "path": "pages/index/index",
        "style": {
            "titleNView" : false,
            "navigationStyle" : "custom"
        }
    }
]

组件属性

bgColor : { type : String, default : "#FFFFFF" } //背景颜色,默认白色

原理说明
动态判断是否为app端,动态监测是否开启沉浸式,动态设置状态栏高度;
演示代码