一、学习内容
(一)学习怎么样完善天气预报API;
(二)给天气预报API增加一个搜索功能;
(三)给天气预报API增加滚动功能;
二、课后作业
(一)完善搜索功能:
部分源码:
<view class='nav'>
<image class='img' src='../../assets/icons/icon.png'></image>
<input class='ipt' placeholder-class='pla' placeholder='请输入城市名,快速查询天气信息' bindconfirm="finish" ></input>
</view>
<!-- ENDnav -->
<!-- user -->
<view class='user'>
<view class='userAvatar'>
<open-data type="userAvatarUrl"></open-data>
</view>
<open-data class="userNick" type="userNickName"></open-data>
</view>
<!-- END user -->
<!-- location -->
<view class='map'>
<view class='l-box'>
<image class="img" src='../../assets/icons/location.png'></image>
<text class='loc'>麻章</text>
</view>
<text class='r-box'>06-24 05:30 更新</text>
</view>
程序结果:
小结:因为时间比较紧迫,而且这个功能感觉上比较难完善好,所以只弄了展示搜索栏,没有完善完整的功能,就是能够查询其他城市能显示该城市的天气。
(二)增加滚动栏功能
部分源码:
.box{
white-space: nowrap;
}
程序结果:
三、学习总结
在前面学习的最基础的东西和使用基本的东西时,发现了这些最基本的也只能写在wxml那里,然后也只能完成很简单的功能。更具体,更好的功能需要一些接口的帮忙。这时候就需要用脚本来完成,使用各种方法来进一步地完善功能,当然这些也能在一定基础上让我们知道怎么去使用这些方法或者是接口去实现自己想要的功能。
比如说最基本的页面跳转,图片,视频等等,虽然多,但是真正要用起来的时候还是挺困难的。现在实现了的功能很多,但是基本都是比较简单的。