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
})
}
})
微信小程序源码 天气预报（源码+截图）.rar （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资源评论
xiaoshi123qwq2024-10-16资源值得借鉴的内容很多，那就浅学一下吧，值得下载！- joe10662024-07-04发现一个宝藏资源，赶紧冲冲冲！支持大佬~
