# ImitationiOSWeather

**Repository Path**: goldhan/ImitationiOSWeather

## Basic Information

- **Project Name**: ImitationiOSWeather
- **Description**: 90%Imitation iOS Weather
- **Primary Language**: TypeScript
- **License**: GPL-3.0
- **Default Branch**: main
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2021-08-17
- **Last Updated**: 2022-07-04

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# 高仿 iOS 天气

![lang](https://img.shields.io/github/languages/top/goldhan/ImitationiOSWeather)
![lic](https://img.shields.io/github/license/goldhan/ImitationiOSWeather)
[![DEMO](https://img.shields.io/badge/Demo-green.svg)](https://goldhan.github.io/weather.github.io/index.html)

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

## 技术栈

- [React](https://react.docschina.org/)
- TypeScript
- [Vite](https://cn.vitejs.dev/)
- scss

## Screenshots

<div>
    <img src="./preview/01.png" height= "300em" alt="" />
    <img src="./preview/02.png" height= "300em" alt="" />
    <img src="./preview/03.png" height= "300em" alt="" />
    <img src="./preview/04.png" height= "300em" alt="" />
    <img src="./preview/05.png" height= "300em" alt="" />
    <img src="./preview/06.png" height= "300em" alt="" />
</div>

## Start

- `cd weather`
- `yarn`
- `yarn dev`

### PRO

- `cd weather`
- `yarn`
- `yarn build`
## Tip

### .env.xxx

- VITE_APIKEY - [和风天气](https://dev.qweather.com/) 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](https://cn.vitejs.dev/config/)
## TODO

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

## 希望对你有所帮助

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

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

<div>
<img src="./preview/wechat-m.jpeg" width = "300" alt=""/>
<img src="./preview/ali.jpg" width = "300" alt=""/>
</div>