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
版权申诉
5星 · 超过95%的资源 86 浏览量
2022-04-18
22:34:53
上传
评论
收藏 939KB ZIP 举报 
微信小程序——天气预报（截图+源码）.zip （47个子文件） 
源码 Weather weather2 
jsconfig.json 55B app.json 986B pages life life.js 2KB life.wxss 840B life.wxml 335B assets img 
future-s.png 1KB medicine.png 3KB cloth.png 3KB car.png 8KB home.png 678B uv.png 4KB future.png 945B
bg.jpg 12KB life.png 2KB life-s.png 2KB home-s.png 720B travel.png 5KB bg2.jpg 45KB bg1.jpg 80KB sport.png 7KB main main.js 4KB main.wxml 693B main.wxss 2KB future future.wxss 845B future.js 2KB future.wxml 332B template futuretpl.wxml 505B lifetpl.wxml 326B itemtpl.wxml 421B typings weapp.d.ts 42KB app.wxss 194B app.js 719B utils util.js 460B wether1 jsconfig.json 55B app.json 216B pages assets img bg.jpg 12KB main main.js 3KB main.wxml 574B main.wxss 1KB template itemtpl.wxml 421B typings weapp.d.ts 42KB app.wxss 194B app.js 719B utils util.js 460B 截图 1.png 233KB 2.png 266KB 3.png 222KB资源评论
2301_773425432023-04-16资源使用价值高，内容详实，给了我很多新想法，感谢大佬分享~
