如何在小程序导航栏放一个搜索框？

search.wxml部分内容：







搜索

search.wxss样式部分：

.search_box{width:100%;background:#2587f1;padding:0 0 10px;display: flex;flex-direction: row}
.search{width: calc( 100% - 64rpx );}
.search_item{border: 1px solid #d0d0d0;border-radius: 10rpx;margin-left: 20rpx;background:#fff;}
.search_item input{margin-left: 60rpx;height: 60rpx;border-radius: 5px;background:#fff;}
.search_btn{width: 15%;height: 60rpx;line-height:60rpx;text-align: center;background:transparent;color:#fff;}
.search_icon{margin: 10rpx 10rpx 10rpx 10rpx;position: absolute;left:25rpx;z-index: 2;width: 20px;height: 20px;text-align: center;}

微信小程序——自定义导航栏