在nvue下，--status-bar-height怎么不起作用？

分类：uni-app

uniapp

在nvue下，--status-bar-height怎么不起作用？尝试了无数遍

"navigationStyle": "custom"已经设置正确

2018-10-15 23:15 负责人:无分享

4 个回复

Trust - 少说废话

nvue 区别于 vue，不支持使用这个。

设置单个页面使用自定义导航栏，然后设置状态栏的背景颜色。

{  
    "path" : "pages/demo/demo",  
    "style" : {  
        "navigationBarTitleText" : "示例",  
        "app-plus" : {  
            "titleNView" :false,  
            "statusBar": {  
              "background": "FF3333"  
            }  
        }  
    }  
},

http://www.html5plus.org/doc/zh_cn/webview.html#plus.webview.WebviewStatusbarStyles

echoer (作者)

请问，这种情况应该怎么设置状态栏高度？

2018-10-17 15:14
echoer (作者)

回复 Trust:weex nvue下可以使用html5+ API ?

2018-10-17 15:26

8***@qq.com - 90It

<template>    
<div class="page-searchList">    
    <div class="header">    
        <div class="statusBar" :style="{height:statusBarHeight+'wx'}"></div><!-- 状态栏占位 -->    
        <div class="info"><text style="font-size: 16wx;">标题栏</text></div>    
    </div>    
    <div class="content">    
        <text style="font-size: 50wx;">{{statusBarHeight}}wx</text> <!-- 打印状态栏高度 -->    
    </div>    
</div>    
</template>    

<script>    
export default {    
    data: {    
        statusBarHeight: ''    
    },    
    created() {    
        let _t = this;    
        setTimeout(() => { //获取状态栏高度，setTimeout后才能调用uni.    
            uni.getSystemInfo({    
                success: function(res) {    
                    _t.statusBarHeight = res.statusBarHeight;    
                    console.log(_t.statusBarHeight);    
                }    
            });    
        }, 1);    
    }    
};    
</script>    

<style>    
.page-searchList {    
    background-color: #8f8f94;    
    justify-content: center;    
    align-items: center;    
}    
.header {    
    background-image: linear-gradient(to right, #a80077, #66ff00);    
    width: 750px;    
    position: fixed;    
    top: 0;    
}    
.info {    
    height: 44wx;    
    justify-content: center;    
    align-items: center;    
}    
</style>

原文地址：https://ask.dcloud.net.cn/article/35111