///JavaScript
$$(function(){
var currMonth = new Date().getMonth()+1;
if(2<=currMonth&&currMonth<=4){
$$('.weather-cover')[0].className +=' '+'weather-cover-spring';
}else if(5<=currMonth&&currMonth<=7){
$$('.weather-cover')[0].className +=' '+'weather-cover-summer';
}else if(8<=currMonth&&currMonth<=10){
$$('.weather-cover')[0].className +=' '+'weather-cover-autumn';
}else{
$$('.weather-cover')[0].className +=' '+'weather-cover-winter';
}
mui.init({
pullRefresh : {
container:"#refreshContainer",//下拉刷新容器标识,querySelector能定位的css选择器均可,比如:id、.class等
down : {
style:'circle',//必选,下拉刷新样式,目前支持原生5+ ‘circle’ 样式
//color:'#2BD009', //可选,默认“#2BD009” 下拉刷新控件颜色
//height:'50px',//可选,默认50px.下拉刷新控件的高度,
//range:'100px', //可选 默认100px,控件可下拉拖拽的范围
//offset:'0px', //可选 默认0px,下拉刷新控件的起始位置
callback :processPullRefresh //必选,刷新函数,根据具体业务来编写,比如通过ajax从服务器获取新数据;
}
}
});
function getData(){
$$.ajax({
url:preUrl,
type:'GET',
dataType:'JSONP',
async: false,
success:function(data){
console.log(data);
$$('.weather-citynm').text('南通');
$$('#weatherInfo-temperature_curr').text(data.result.hourly.temperature[0].value);
$$('.weatherInfo-wind').text('风速');
$$('.weatherInfo-humidity').text(data.result.daily.humidity[0].avg+'%');
$$('#weatherInfo-winp').text(data.result.daily.wind[0].avg.speed+'km/h');
$$('#weatherInfo-temp_high').text(data.result.daily.temperature[0].max+'℃');
$$('#weatherInfo-temp_low').text(data.result.daily.temperature[0].min+'℃');
}
});
}
getData();
function processPullRefresh(){
getData();
console.log('下拉成功');
mui('#refreshContainer').pullRefresh().endPulldownToRefresh();
}
利用所学的知识来实现天气的功能