实训第六天：搜索框布局及功能实现，实现上下滑动

1.实现小程序天气预报搜索框
<input class='ipt' placeholder-class='pla' placeholder='请输入城市名，快速查询天气信息' bindconfirm="finish" ></input>
wxss
.pla{
  font-size: 26rpx;
}
.nav>.img{
  width: 40rpx;
  height: 40rpx;
  position: absolute;
  left: 45rpx;
  top: 5rpx;
}
2.实现搜索功能
<!-- weather -->
<view class='info'>
<view class='tem'>
{ {tem}} <text>℃</text>
wxss：
.info .tem text{
  position:absolute;
  right:-30rpx;
  top:-15rpx;
  font-size:30rpx;
}
.info .wea{
  color: #666;
}
.info .air_level{
  margin: 10rpx;
  font-size: 30rpx;
  color: #777;
}
3.实现左右滑动：
<view class="section section_gap">
  <