201711671116 实训学习日志七

（一）主要内容

1、实现所在地定位功能，在首页显示地区。

2、完善搜索栏功能，实现查询指定城市天气的功能。

3、把天气的滚动侧滑栏做出来，显示七天天气，并能够自由地左右滚动。

 

（二）相关代码

完善搜索栏功能，除了要有基本的输入框，还要设置查询的按钮

<button bindtap='clickHandler' style='margin:10rpx' class='primary'>查询</button>

要想实现查询指定城市天气的功能，需要运用api接口的功能

 

实现左右滚动的功能需要写入下面的代码

<scroll-view scroll-x="true" class="container"></scroll-view>

 

.container{  white-space:nowrap;}

 

（三）作业

如图，这是查询天气前的页面样式

 输入“麻章”，查询湛江麻章的天气情况

 左右滚动，查看未来天气