基于vue.js 2.0的百度天气应用。
发布于 7 年前 作者 alanwong 5116 次浏览 最后一次编辑是 7 年前 来自 分享
粉丝福利 : 关注VUE中文社区公众号,回复视频领取粉丝福利

vue-weather

基于vue.js 2.0的百度天气应用

说明

初学vue,在看完一个简单的视频教程和走两遍完官方文档之后仍然感觉云里雾里。请教了高手之后人家都说学习新东西的最好方法不就是学到了之后就要用么。边学边用,根据项目需要学才是最快上手的,但有没有什么适合新手的项目参考,想了几天打算用vue来仿一个简单的天气应用,于是就出现了这个小应用,巩固所学。项目适合刚学完vue想实践的新手,高手略过吧!

功能

阴历、阳历、天干地支日历

空气质量、当前天气温度风力风级、当前天气提示

未来24小时预报,预报数据API未提供这里为模拟数据

摄氏温度和华氏温度转换。

未来四天天气预报 、SVG贝塞尔曲线绘制

自动IP定位当前城市设置天气,全国县级以上城市检索设置。这里获取的全国城市城市数据为饿了么数据。

看在线demo点我

看仓库源码点我

效果截屏

主界面

homeoperation.gif

城市列表

citylistset.gif
回到顶部