Skip to content

linuxkai/mp-weather

Repository files navigation

mp-weather

天气预报微信小程序

说明

自己看官方文档写的第一个微信小程序,使用的大部分也是官方的组件,代码有点乱,勿喷^_^

  • UI:参考了华为的自带的天气预报页面
  • 组件: 大部分都是原生的,个别组件(搜索框,图标,等也用到了Tdesign小程序版)
  • 数据来源:使用的是和风天气的接口,文档: https://dev.qweather.com/docs/
  • 天气ICON:来自和风天气Icon(https://icons.qweather.com/)

数据存储

由于体验版的,没有使用数据库,个别数据(管理城市界面,首页城市列表)使用的是storage存储, 存储并不是永久的,在体验时,数据可能会有丢失的情况,如果个人使用,可以自己存储到数据库中。

在线体验

由于微信小程序管理平台限制,体验人数有限制(最多15个),最先申请的账号,过段时间可能会清理掉,如果还想体验,请重新申请。

不足

  1. 首页轮播指示点在最下方,用户不太容易发现是多个城市,应该在屏幕底部显示,但官方swiper不支持,只能自定义。
  2. 首页天气背景需要根据当前天气情况,动态加载背景图片,目前没有找到合适的图片,也是由于小程序对于包的大小有限制,所以就没有实现此功能。
  3. 城市列表界面,每个城市的背景也是随天气变化的,也未实现,原因同第二点。

界面截图

About

天气预报微信小程序

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published