照相
照相
  • 发布:2022-03-21 12:28
  • 更新:2022-03-21 14:27
  • 阅读:1049

在vue3中,隐藏导航栏时,uni.getSystemInfoSync().windowTop获取的高度不正确,windowTop正常值应该是0,在vue3中是44

分类:uni-app

产品分类: uniapp/H5

PC开发环境操作系统: Mac

PC开发环境操作系统版本号: 12.3

HBuilderX类型: 正式

HBuilderX版本号: 3.3.13

浏览器平台: Chrome

浏览器版本: 99.0.4844.74

项目创建方式: HBuilderX

示例代码:

index.vue

<template>    
    <view class="content">    
        <image class="logo" src="/static/logo.png"></image>    
        <view class="text-area">    
            <text class="title">{{title}}</text>    
        </view>    
    </view>    
</template>    

<script>    
    export default {    
        data() {    
            return {    
                title: ''    
            }    
        },    
        onLoad() {    
            this.$nextTick(()=>{  
                const config = uni.getSystemInfoSync();    
                this.title = `windowTop:${config.windowTop}`    
                console.log(config);  
            })    
        },    
        methods: {    

        }    
    }    
</script>    

<style>    
    .content {    
        display: flex;    
        flex-direction: column;    
        align-items: center;    
        justify-content: center;    
    }    

    .logo {    
        height: 200rpx;    
        width: 200rpx;    
        margin-top: 200rpx;    
        margin-left: auto;    
        margin-right: auto;    
        margin-bottom: 50rpx;    
    }    

    .text-area {    
        display: flex;    
        justify-content: center;    
    }    

    .title {    
        font-size: 36rpx;    
        color: #8f8f94;    
    }    
</style>  

pages.json

{  
    "pages": [ //pages数组中第一项表示应用启动页,参考:https://uniapp.dcloud.io/collocation/pages  
        {  
            "path": "pages/index/index",  
            "style": {  
                "navigationBarTitleText": "uni-app",  
                "navigationStyle": "custom"  
            }  
        }  
    ],  
    "globalStyle": {  
        "navigationBarTextStyle": "black",  
        "navigationBarTitleText": "uni-app",  
        "navigationBarBackgroundColor": "#F8F8F8",  
        "backgroundColor": "#F8F8F8"  
    }  
}  

操作步骤:

运行上方demo项目,此时在pages.json中配置了"navigationStyle": "custom",但是页面中获取到的windowTop依然为44

预期结果:

运行上方demo项目,此时在pages.json中配置了"navigationStyle": "custom",但是页面中获取到的windowTop依然为44。预期应该是0

实际结果:

运行上方demo项目,此时在pages.json中配置了"navigationStyle": "custom",但是页面中获取到的windowTop依然为44。预期应该是0

bug描述:

在vue3中,在pages.json中通过"navigationStyle": "custom"隐藏导航栏时,uni.getSystemInfoSync().windowTop获取的高度不正确,windowTop正常值应该是0,在vue3中是44

2022-03-21 12:28 负责人:无 分享
已邀请:
DCloud_UNI_Anne

DCloud_UNI_Anne

  • LoLoo

    2个月了,还没有解决

    2022-05-29 11:50

  • x***@163.com

    4个多月了,还没有解决

    2022-08-10 17:17

该问题目前已经被锁定, 无法添加新回复