效果

现成代码

<div id="he-plugin-standard"></div>
<script>
WIDGET = {
  "CONFIG": {
    "layout": "2",
    "width": 280,
    "height": 320,
    "background": "1",
    "dataColor": "FFFFFF",
    "key": "e9171275bb8b4c13a1c6d7b49f8b7ae6"
  }
}
</script>
<script src="https://widget.qweather.net/standard/static/js/he-standard-common.js?v=2.0"></script>

使用教程

1、 打开官网： https://dev.qweather.com/widget/

2、选择样式，简单介绍几个插件样式：

标准插件：适用于网页区块

简约插件：适用于集成导航栏 SDK

插件：适用于有能力自己开发接口进行调用

H5插件： 适用于单独天气页面

3、具体使用，以标准插件为例： 点击标准插件下面的 创建  进去填写相关信息，配置相关参数。（插件名称必须填写要不然生成不了代码。）

4、配置好之后，点击下方生成代码选项，可以将代码放到网页合适位置。需要注意的是：  选择登陆获取代码！