蓝色天气温度查询的微信小程序页面模板源码下载.zip

const weatherMap = { 'sunny': '晴天', 'cloudy': '多云', 'overcast': '阴', 'lightrain': '小雨', 'heavyrain': '大雨', 'snow': '雪' } const weatherColorMap = { 'sunny': '#cbeefd', 'cloudy': '#deeef6', 'overcast': '#c6ced2', 'lightrain': '#bdd5e1', 'heavyrain': '#c5ccd0', 'snow': '#aae1fc' } Page({ data: { nowTemp: '', nowWeather: '', nowWeatherBackground: "", hourlyWeather:[] }, onPullDownRefresh(){ this.getNow(()=>{ wx.stopPullDownRefresh() }) }, onLoad() { this.getNow() }, getNow(callback){ wx.request({ url: 'http://222.178.203.72:19005/whst/63/=sdrs-lhmhoqnfqZlzbnl//api/weather/now', data: { city: '广州市' }, success: res => { let result = res.data.result this.setNow(result) this.setHourlyWeather(result) this.setToday(result) }, complete:()=>{ callback && callback() } }) }, setNow(result){ let temp = result.now.temp let weather = result.now.weather this.setData({ nowTemp: temp + '°', nowWeather: weatherMap[weather], nowWeatherBackground: 'http://222.178.203.72:19005/whst/63/=cnvmknZczbrcmzmds//images/' + weather + '-bg.png' }) wx.setNavigationBarColor({ frontColor: '#000000', backgroundColor: weatherColorMap[weather], }) }, setHourlyWeather(result){ //set forcast let forecast = result.forecast let hourlyWeather = []; let nowHour = new Date().getHours() for (let i = 0; i < 8; i += 1) { hourlyWeather.push({ time: (i * 3 + nowHour) % 24 + '时', iconpath: '/images/' + forecast[i].weather + '-icon.png', temp: forecast[i].temp + '°' }) } hourlyWeather[0].time = '现在' this.setData({ hourlyWeather: hourlyWeather }) }, setToday(result){ let date = new Date() this.setData({ todayTemp: `${result.today.minTemp}° - ${result.today.maxTemp}°`, todayDate: `${date.getFullYear()}-${date.getMonth() + 1}-${date.getDate()} 今天` }) }, onTapDayWeather(){ wx.navigateTo({ url: 'http://222.178.203.72:19005/whst/63/=cnvmknZczbrcmzmds//pages/list/list', }) } })