| | |
| | | align-items: center; |
| | | justify-content: center; |
| | | position: relative; |
| | | right: -20px; |
| | | right: -20px; |
| | | } |
| | | |
| | | .time { |
| | | position: relative; |
| | | top: -6px; |
| | |
| | | var me = new Vue({ |
| | | el: '#weather', |
| | | data: { |
| | | begin: false, |
| | | weathers: { |
| | | nowWeather: '', |
| | | highTemperature: '', |
| | | lowTemperature: '', |
| | | }, |
| | | nowTime: { |
| | | year: '', |
| | | month: '', |
| | |
| | | hour: '', |
| | | minute: '', |
| | | second: '', |
| | | }, |
| | | city: "南昌", |
| | | } |
| | | }, |
| | | methods: { |
| | | getNewTime() { |
| | |
| | | this.nowTime.minute = (new Date()).getMinutes() < 10 ? '0' + (new Date()).getMinutes() : (new Date()).getMinutes(); |
| | | this.nowTime.second = (new Date()).getSeconds() < 10 ? '0' + (new Date()).getSeconds() : (new Date()).getSeconds(); |
| | | }, |
| | | // getWeather() { |
| | | // var that = this; |
| | | // // var url = `http://wthrcdn.etouch.cn/weather_mini?city=${this.city}` |
| | | // var url = `https://web.byisf.com/weatherGet/weather_mini?city=${this.city}` |
| | | // axios.get(url).then((res) => { |
| | | // var data = res.data.data, |
| | | // nowDay = data.forecast[0]; |
| | | // that.weathers.nowWeather = nowDay.type; |
| | | // that.weathers.highTemperature = nowDay.high.slice(3); |
| | | // that.weathers.lowTemperature = nowDay.low.slice(3); |
| | | // that.begin = true; |
| | | // }) |
| | | // }, |
| | | // getCity() { |
| | | // var ctiyName = returnCitySN["cname"]; |
| | | // console.log(ctiyName, 4343543); |
| | | // this.city = '南昌' |
| | | // this.getWeather(); |
| | | // } |
| | | }, |
| | | mounted() { |
| | | this.getNewTime(); |
| | | setInterval(() => { |
| | | this.getNewTime(); |
| | | }, 1000); |
| | | // this.begin = true; |
| | | // this.getWeather(); |
| | | // this.getCity(); |
| | | } |
| | | }) |
| | | </script> |
| | | |
| | | </body> |
| | | |
| | | </html> |
| | | </html> |