Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/douyacun/react-tencent-weather

react天气组件
https://github.com/douyacun/react-tencent-weather

Last synced: 3 months ago
JSON representation

react天气组件

Awesome Lists containing this project

README

        

## react天气组件

[![npm](https://img.shields.io/npm/v/react-tencent-weather)](https://www.npmjs.com/package/react-tencent-weather) [![npm](https://img.shields.io/npm/dm/react-tencent-weather)](https://www.npmjs.com/package/react-tencent-weather) [![npm](https://img.shields.io/npm/l/react-tencent-weather)](https://www.npmjs.com/package/react-tencent-weather) ![echarts supported](https://img.shields.io/badge/echarts-%5E3.0.0%20%7C%7C%20%5E4.0.0-blue.svg) ![react supported](https://img.shields.io/badge/React-%5E16.8.0-blue.svg)

体验地址:

[https://www.douyacun.com](https://www.douyacun.com)

文档:

[https://www.douyacun.com/article/b9093956c565e471f45c035b5870ed0c](https://www.douyacun.com/article/b9093956c565e471f45c035b5870ed0c)

特点:

1. 使用腾讯天气接口
2. 支持:逐小时预报/7日天气预报/生活指数
3. 支持IP定位,使用[免费IP定位接口](https://www.douyacun.com/article/a57b58a343f051cf1fb9761a31d37693)
4. 支持服务端渲染

![react腾讯天气组件](assert/image-20210107225932253.png)
![react腾讯天气组件](assert/image-20210107230116155.png)

## install

```bash
npm i react-tencent-weather --save
```

运行demo:

```bash
git clone https://github.com/douyacun/react-tencent-weather.git

npm install

npm start
```

本地浏览器打开 [http://127.0.0.1:3000](http://127.0.0.1:3000)

# LICENSE

MIT@[douyacun](https://github.com/douyacun).

关注微信公众号

![douyacun](assert/douyacun_qrcode.jpg)