Skip to content

  1. 统一在另一个 word 文件中作答,最终提交的文件,命名为:学号姓名。

题目要求:

  1. 完善 /utils/api.js内容(参考 getCurrentWeathergetAirQuality,完善 get7dForecastgetLifeIndex函数,获取 7 天天气预报和生活指数),具体流程参考 api.js 内的函数注释。

  2. /utils/api.jsgetAirQuality中,补充一个 pm2.5 的数据(具体数据在哪里,对应是 json 的哪个属性,参考和风天气 api 官网查找 实时空气质量 for API)。

  3. /pages/index/index.vue中,完善 updateWeather函数(获取天气情况,包括hourlyForecast 、dailyForecast 、lifeIndices 天气数据,记得看注释内容)

  4. /components/文件夹下的各部分展示天气情况组件,双大括号中读取的属性和api.js 中获取的属性名称不一致,需要进行更改(根据情况,把 getCurrentWeather等函数 return 的 data 数据,尽量都展示到页面中)

提交要求

  1. 提交 api.js 页 (api.js) 的完整代码。
  2. 提交 index.vue 页 (index.vue) 的完整代码。
  3. /components/下的各部分展示天气组件,代码不需要,最好直接展示网页图片。

运行参考截图如下,不需要 css 相同,但是红框内基本项需要有。