第六天学习日志

制作天气查询页面

一、制作查询框

用input表单组件

1.input：输入框，其属性有：
（1）value：输入框的初始内容；

（2）type：input 的类型，其合法值有text（文本输入键盘）、number（数字输入键盘）、idcard（身份证输入键盘）、digit（带小数点的数字键盘）；

（3）password：是否是密码类型；

（4）placeholder：输入框为空时占位符；

（5）placeholder-style：指定 placeholder 的样式；

（6）placeholder-class：指定 placeholder 的样式类；

（7）confirm-type：设置键盘右下角按钮的文字，仅在type='text'时生效，其合法值有：send（右下角按钮为“发送”）、search（右下角按钮为“搜索”）、next（右下角按钮为“下一个”）、go（右下角按钮为“前往”）、done（右下角按钮为“完成”）；

（8）bindconfirm：点击完成按钮时触发，event.detail = {value: value}；

......

二、页面其他信息

1.获取用户头像、用户名用<open-data>获取

2.获取位置、更新时间、当天天气信息通过服务器请求来获取，再在样式里调整格式

3.搜索城市天气

（1）设置空的定位值location、点击完成时触发的事件finish方法和获取天气的getWeather方法

（2）当点击完成事件时先调用finish方法，打印要获取的内容e.detail.value，打印后要设置数据，把e.detail.value的值传给location，然后就调用获取天气的getWeather方法，把location的值传给getWeather方法里面的data中的city值，就可以获取所查询的城市的天气信息。

（3）页面加载时会调用getWeather方法，查询小程序所定位到的城市的天气信息。