克隆/下载
贡献代码
同步代码
取消
提示: 由于 Git 不支持空文件夾,创建文件夹后会生成空的 .keep 文件
Loading...
README
MIT

全国城市空气质量浏览网站

English, 中文.

一、项目概述

​ 本项目是一个全国城市空气质量浏览网站,为用户提供便捷的空气质量信息查询服务,可查看全国各城市的实时、24 小时及 14 天空气质量数据,并能进一步了解站点空气质量详情。

二、项目特点

  • 数据可视化:通过清晰的页面布局和图表(如表格形式展示数据),直观呈现空气质量信息,方便用户快速获取关键数据。
  • 响应式设计:基于 Vue 框架,能够自适应不同设备屏幕尺寸,确保在桌面端和移动端都有良好的浏览体验。
  • 交互友好:配备完善的导航和操作按钮,如返回、查看更多等,使用户在页面间切换和获取信息操作简便。

三、功能介绍

  • 城市筛选:在首页展示省份列表,点击省份可查看其下城市列表,点击城市名称进入城市详情页,查看该城市空气质量。
  • 空气质量展示:城市详情页中,详细列出实时空气质量(包括 AQI、质量级别、首要污染物等多种指标)、24 小时和 14 天空气质量数据;站点详情页展示城市各站点空气质量详情。

五、安装使用方法

  1. 从Gitee仓库克隆(或下载)该项目
  2. 与项目该目录使用npm install 指令完成必要组件安装
  3. 调节API,API Key在main.js中的app.config.globalProperties.$myGlobalKey = 'YOUR KEY';设置,相关API请到聚合数据网站中申请
  4. 于项目该目录运行 npm run dev 指令运行项目

六、开源项目引用

该项目Gitee仓库地址:(https://gitee.com/aiWheat/vue-front-end-homework) 作者:MaiWheatMaizongwheat (MaiWheat) - Gitee.com 个人网站(论坛):maiwheat.top

Live2D人偶项目地址:https://github.com/stevenjoezhang/live2d-widget

API项目地址:全国城市空气质量_全国城市空气质量API接口_免费API接口_聚合数据 - 天聚地合

该项目所用图片来源于网络和AI绘图,如有问题请联系删除

MIT License Copyright (c) 2025 Maizongwheat Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions: The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software. THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.

简介

这是一个在线浏览空气质量的vue网页项目,采用vue vitek框架吗,使用vue-router 作为路由,使用element-plus组件库,使用axios作为API连接数据获取组件,API使用聚合数据的免费(一天30次访问)的数据API。 展开 收起
HTML 等 4 种语言
MIT
取消

贡献者

全部

近期动态

不能加载更多了
马建仓 AI 助手
尝试更多
代码解读
代码找茬
代码优化