【报Bug】退出进入微信,偶然会出现顶部1px的空隙

详细问题描述

（DCloud产品不会有明显的bug，所以你遇到的问题大都是在特定环境下才能重现的问题，请仔细描述你的环境和重现方式，否则DCloud很难排查解决你的问题）

[内容]
用HBX制作uni-app微信小程序,上传预览版用我的iPhone7手机预览时候偶然小程序顶部会出现1px的空隙,一滚动有消失了,而且会重复出现这样的BUG.

重现步骤

[步骤]
1.预览小程序第一次看是没有的；

1. 进行后面三种操作偶然会出现顶部1px空隙：第一种是上下滚动，次数及滚动距离无规律会出现；第二种iPhone7按home键再次打开微信回到小程序界面,重复多几次也会出现;第三种是跳转到其他页面返回会出现

[结果]
小程序顶部出现1px的空隙

[期望]
若是uni-app的bug,望修复

[如果语言难以表述清晰，拍一个视频或截图，有图有真相]

IDE运行环境说明

[HBuilder 或 HBuilderX。如果你用其他工具开发uni-app，也需要在此说明]
HBuilderX

[IDE版本号]
HBuilderX 2.6.16

[windows版本号]
win10 18362.778

[mac版本号]

uni-app运行环境说明

[运行端是h5或app或某个小程序？]
微信小程序

[运行端版本号]
微信7.0.12

[项目是cli创建的还是HBuilderX创建的？如果是cli创建的，请更新到最新版cli再试]
HBuilderX创建

[编译模式说明：自定义组件模式？纯nvue模式？v3模式？]

App运行环境说明

[Android版本号]

[iOS版本号]

[手机型号]

[模拟器型号]

附件

[IDE问题请提供HBuilderX运行日志。菜单帮助-查看运行日志，点右键打开文件所在目录，将log文件压缩成zip包上传]

[App问题请提供可重现问题的代码片段，你补充的细一点，问题就解决的快一点]

[App安装包或H5地址]

[可重现代码片段]

<template>  
    <view>  
        <view class="header">title</view>  
        <view class="item" v-for="(item, index) in listData" :key="index">Write something...</view>  
    </view>  
</template>  

<script>  
    export default {  
        data() {  
            return {  
                listData: [1, 2, 3, 4, 5, 6, 7, 8]  
            }  
        },  
        onReachBottom() {  
            this.listData = this.listData.concat([9, 10, 11, 12, 13, 14, 15, 16]);  
        }  
    }  
</script>  

<style>  
    .header {  
        position: fixed; top: 0; left: 0; width: 100%; height: 50px; z-index: 9999; background-color: black  
    }  
    .item {  
        height: 100px;  
    }  
</style>

联系方式

[QQ]408014932
[E-mail]408014932@qq.com