| | |
| | | display: flex; |
| | | align-items: center; |
| | | justify-content: center; |
| | | position: relative; |
| | | right: -20px; |
| | | } |
| | | |
| | | .time { |
| | |
| | | </head> |
| | | |
| | | <body> |
| | | <div id="weather" v-if="begin"> |
| | | <div id="weather"> |
| | | <span class="time"> |
| | | {{nowTime.year}}年{{nowTime.month}}月{{nowTime.day}}日 {{nowTime.hour}}:{{nowTime.minute}}:{{nowTime.second}} |
| | | </span> |
| | |
| | | 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(); |
| | | } |
| | | // 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(); |
| | | // this.getCity(); |
| | | } |
| | | }) |
| | | </script> |