uniapp手机状态栏问题

Posted 菜鸟的道路

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了uniapp手机状态栏问题相关的知识,希望对你有一定的参考价值。

        <!-- #ifdef APP-PLUS -->
        <view class="status_bar">
            <view class="top_view"></view>
        </view>
        <!-- #endif -->

css部分

    .status_bar {
        height: var(--status-bar-height);
        width: 100%;
        /* background-color: #F8F8F8; */
    }

    .top_view {
        height: var(--status-bar-height);
        width: 100%;
        position: fixed;
        background-color: #F8F8F8;
        top: 0;
        z-index: 999;
    }

 

uniapp设置状态栏颜色

参考技术A onReady()
    //动态修改状态栏的颜色
    uni.setNavigationBarColor(
        frontColor: '#000000',
        backgroundColor: '#ff0000'
    )
,

以上是关于uniapp手机状态栏问题的主要内容,如果未能解决你的问题,请参考以下文章

uniapp顶部状态栏自定义设置

uniapp-h5+获取通知栏权限

uniapp 消息推送

仅在一个片段中隐藏状态栏并在其他片段中显示

uniapp实战笔记使用uni-nav-bar自定义顶部状态栏和导航栏

uniapp使用uni-nav-bar自定义顶部状态栏和导航栏