天气跟我们的生活也是息息相关，所以今天就分享一个完全免费可自定义的天气插件，适配你的网站、APP、小程序、公众号均可使用，同时还配有多种不同的展示效果选择。

效果图

免配置代码

WIDGET = {

"CONFIG": {

"layout": "2",

"width": 280,

"height": 320,

"background": "1",

"dataColor": "FFFFFF",

"key": "e9171275bb8b4c13a1c6d7b49f8b7ae6"

}

</script>

使用教程

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

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

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

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

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

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

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

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

为你的网站加上和风天气插件相关推荐

vue中如何使用和风天气插件
想给我的个人博客添个展示天气的,网上一找看到了中国天气.和风天气这两种,附一下这两个的官网链接. 中国天气:https://cj.weather.com.cn/plugin/index 和风天气: ...
在vue中使用和风天气插件
在vue中使用天气插件插件网址:和风天气选择自己需要的插件.生成代码复制即可在 vue 中使用: <template><div><div id="he-p ...
vue3 使用和风天气插件
<div id="he-plugin-standard" /> onMounted(() => {window.WIDGET = {'CONFIG': {'lay ...
php 和风天气,【原创】彩云/和风天气插件
帖子首先谢谢!不知道是不是这样安装. -----------------安装情况-------------------- root@QH_hassio:~# ls /usr/lib/python3. ...
【微信小程序】使用和风天气接口api（全过程）——获取天气
介绍这里是小编成长之路的历程,也是小编的学习之路.希望和各位大佬们一起成长! 以下为小编最喜欢的两句话: 要有最朴素的生活和最遥远的梦想,即使明天天寒地冻,山高水远,路远马亡. 一个人为什么要努力? ...
VUE 天气插件和日历插件
日历需要安装 cnpm i vue-calendar-component --save 其他代码如下 <template><div class="app-container ...
vue中使用天气插件
(不知为什莫中国天气网的插件死活登录不进去,网页bug也确实不少,果断放弃使用) 壹: 插件网址:创建标准版天气插件 | 和风天气插件贰: 复制代码,将相关代码分别放入vue页面如下位置: 效果图 ...
Halo博客网站添加天气插件
一.前言小编最近使用Halo搭建了一个个人博客网站,样子很是精美,直接下载主题即用,用过Halo的都说好.最近看别的博主网站下面有天气预报,今天小编百度了一会,觉得2345天气插件比较符合小编的审美 ...
php旅游网站景区天气插件,网页实时天气插件
我写了一个Javascript的小程序,可以在网页上实时显示天气信息.效果如下: 有兴趣的朋友,可以下载源文件. 由于我是第一次发布自己写的程序,写得不好之处,还请大家多批评. (完) 附:reade ...

为你的网站加上和风天气插件

效果图

免配置代码

使用教程

为你的网站加上和风天气插件相关推荐

最新文章

热门文章