微信小程序上方搜索框解决方法

微信小程序上方搜索框：
wxml:






搜索

wss:
.header{
line-height: 1;
height:74rpx;
padding:12rpx 15rpx;
box-sizing: border-box;
/* background:#10BBFF; /
background: #F5F5F5;
position:relative;
}
.color{
color:black;
padding-left: 2rpx;
}
.placeholder{
color: #DCDCDC;
}
.pp{
line-height: 57rpx;
position:absolute;
left:580rpx;
top:12rpx;
height:57rpx;
width:20%;
background:white;
font-size: 13px;
align-content: center;
box-sizing: border-box;
}
.header .search{
position:absolute;
top:50%;
/ left:50%; */
transform:translate(-50%,-50%);
font-size: 13px;
display: block;
color: #F0E0DC;
height:50rpx;
}