Page({
data:{
AK: 'hWtYHdhw2fIwi9PWsWX09IVmGtLVp2UG',
city: '',
temp: '',
todayDayImg: '',
todayNightImg: '',
weather: '',
todayDate: '',
todayTime: ''
},
// 监听页面加载
onLoad: function () {
this.loadInfo();
this.getTime();
},
// 监听页面初次渲染完成
onReady: function () {
},
// 监听页面显示
onShow: function () {
},
// 监听页面隐藏
onHide: function () {
},
// 监听页面卸载
onUpload: function () {
},
// 监听用户下拉动作
onPullDownRefresh: function () {
this.getTime();
},
// 监听页面上拉触底
onReachBottom: function () {
},
loadInfo: function () {
var that = this;
wx.getLocation({
type: 'gcj02',
success: function(res) {
var latitude = res.latitude;
var longitude = res.longitude;
var AK = that.data.AK;
that.loadCity(latitude, longitude, AK, that.loadWeather);
console.log(that.data.city);
// that.loadWeather(that.data.city, AK);
}
})
},
loadCity: function (latitude, longitude, AK, callback) {
var that = this;
var url = 'https://api.map.baidu.com/geocoder/v2/?location=' + latitude + ',' + longitude + '&output=json&ak=' + AK;
wx.request({
url: url,
header: {
'content-type': 'application/json'
},
success: function(res) {
console.log(res);
var city = res.data.result.addressComponent.city;
that.setData({city :city});
console.log(that.data.city);
callback && callback(city, AK);
}
})
},
loadWeather: function (city, AK) {
var that = this;
var url = 'https://api.map.baidu.com/telematics/v3/weather?location=' + city + '&output=json&ak=' + AK;
console.log(url);
wx.request({
url: url,
header: {
'content-type': 'application/json'
},
success: function(res) {
var desNum = that.random(5);
console.log(res);
var future = res.data.results[0].weather_data.filter(function(ele, index) {
return index > 0;
});
var temReg = /\d+℃/;
that.setData({
temp: res.data.results[0].weather_data[0].date.match(temReg)[0],
todayDayImg: res.data.results[0].weather_data[0].dayPictureUrl,
todayNightImg: res.data.results[0].weather_data[0].nightPictureUrl,
weather: res.data.results[0].weather_data[0].weather + ' | ' + res.data.results[0].weather_data[0].wind,
});
console.log(that.data.future);
}
})
},
random: function(max, min) {
var min = min || 0;
return Math.floor(Math.random() * (max - min +1) + min);
},
getTime: function () {
var date = new Date();
var minute = date.getMinutes() >=10 ? date.getMinutes() : ('0' + date.getMinutes());
var hour = date.getHours() >=10 ? date.getHours() : ('0' + date.getHours());
var now = date.getDate() >= 10 ? date.getDate() : ('0' + date.getDate());
var todayDate = date.getFullYear() + '-' + (date.getMonth() + 1) + '-' + now;
var todayTime = hour + ':' + minute;
this.setData({
todayDate: todayDate,
todayTime: todayTime
})
}
})
微信小程序 天气预报（截图+代码）.zip （47个子文件） 
天气预报 
3.png 222KB Weather wether1 pages assets img 
bg.jpg 12KB template 
itemtpl.wxml 421B main main.wxml 574B main.js 3KB main.wxss 1KB app.json 216B app.js 719B utils util.js 460B app.wxss 194B jsconfig.json 55B typings weapp.d.ts 42KB weather2 pages assets img home-s.png 720B medicine.png 3KB future-s.png 1KB home.png 678B bg1.jpg 80KB future.png 945B life.png 2KB sport.png 7KB life-s.png 2KB car.png 8KB bg.jpg 12KB uv.png 4KB travel.png 5KB cloth.png 3KB bg2.jpg 45KB template lifetpl.wxml 326B futuretpl.wxml 505B itemtpl.wxml 421B future future.js 2KB future.wxss 845B future.wxml 332B life life.js 2KB life.wxss 840B life.wxml 335B main main.wxml 693B main.js 4KB main.wxss 2KB app.json 986B app.js 719B utils util.js 460B app.wxss 194B jsconfig.json 55B typings weapp.d.ts 42KB 1.png 233KB 2.png 266KB资源评论
大富大贵7
- 粉丝: 388
- 资源: 8869
下载权益
C知道特权
VIP文章
课程特权
VIP享7折，此内容立减5.97元 开通VIP
最新资源
资源上传下载、课程学习等过程中有任何疑问或建议，欢迎提出宝贵意见哦~我们会及时处理！
点击此处反馈
