微信小程序跳转出现BUG，顶部会留白

wxml文件

张三发表于一年前小程序管理员由于不能验证所收到的数据是否可信，无法显示您想要查看的页面。建议向此网站的管理员反馈这个问题。

wxss文件
.container {
display: flex;
flex-direction: column;
margin-top: 0px;
}

.head-image {
width: 100%;
height: 460rpx;
}

.hide{
opacity: 0;
}

.audio {
width: 102rpx;
height: 110rpx;
position: absolute;
left: 50%;
margin-left: -51rpx;
top: 180rpx;
opacity: 0.6;
}

.author-date {
flex-direction: row;
margin-left: 30rpx;
margin-top: 20rpx;
}

.avatar {
height: 64rpx;
width: 64rpx;
vertical-align: middle;
}

.author {
font-size: 30rpx;
font-weight: 300;
margin-left: 20rpx;
vertical-align: middle;
color: #666;
}

.const-text {
font-size: 24rpx;
color: #999;
margin-left: 20rpx;
}

.date {
font-size: 24rpx;
margin-left: 30rpx;
vertical-align: middle;
color: #999;
}

.title {
margin-left: 40rpx;
font-size: 36rpx;
font-weight: 700;
margin-top: 30rpx;
letter-spacing: 2px;
color: #4b556c;
}

.tool {
margin-top: 20rpx;
}

.circle-img {
float: right;
margin-right: 40rpx;
vertical-align: middle;
}

.circle-img Image {
width: 90rpx;
height: 90rpx;
}

.share-img {
margin-left: 30rpx;
}

.horizon {
width: 660rpx;
height: 1px;
background-color: #e5e5e5;
vertical-align: middle;
position: relative;
top: 46rpx;
margin: 0 auto;
z-index: -99;
}

.detail {
color: #666;
margin-left: 30rpx;
margin-top: 20rpx;
margin-right: 30rpx;
line-height: 44rpx;
letter-spacing: 2px;
}

1. List item