90% 高仿 iOS 天气 APP

高仿 iOS 天气

demo

Demo 如有加载不出来，请科学学习

ImitationiOSWeather: 90%Imitation iOS Weather (gitee.com)

ImitationiOSWeather: 90%Imitation iOS Weather (github.com)

技术栈

• React
• TypeScript
• Vite
• scss

Screenshots

Start

• cd weather
• yarn
• yarn dev

PRO

• cd weather
• yarn
• yarn build

Tip

.env.xxx

• VITE_APIKEY -和风天气 api key
• VITE_HFAPIURL - 和风天气，天气 API
• VITE_HFAPIGEO - 和风天气，关于城市搜索 API
• VITE_ICONURL - 天气状态图表拼接地址
  • China 大陆请使用 https://gitee.com/goldhan/WeatherIcon/raw/masterweather-icon-S2/64
  • 大陆以外可以使用 https://raw.githubusercontent.com/qwd/WeatherIcon/master/weather-icon-S2/64

vite.config.ts

vite config

TODO

• 定位
• 搜索
• 拖动排序
• 添加删除城市
• 列表页面世界时间
• 国际化

希望对你有所帮助

如代码有迷糊行为请吐槽，谢谢

要不请我喝杯奶茶胖死我 😜