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;
    }