news 2026/6/10 23:09:22

前端免费高效的接入天气组件(天气网),控制组件的样式

作者头像

张小明

前端开发工程师

1.2k 24
文章封面图
前端免费高效的接入天气组件(天气网),控制组件的样式

天气预报代码_天气预报插件_免费天气预报代码(插件)调用——天气网
在天气网的官网中提供了对应的组件样式,样式多种支持。

有两种配置方式:
1.自定义城市天气:
在前端嵌入对应的iframe

<iframe width="400" height="100" src="https://i.tianqi.com/?c=code&a=getcode&id=35&py=shanghai&site=34&icon=1" frameborder="0"></iframe>

这里的py对应的参数就是城市,这个可以从后端获取。
2.自动通过ip获取当前所在城市的天气:

<iframe width="400" height="100" src="https://i.tianqi.com/?c=code&a=getcode&id=35&site=34&icon=1" frameborder="0"></iframe>

其他参数说明:
id: 官网组件中的对应具体组件样式的id
site:显示的字体大小
color:显示的文本颜色(%23FFFFFF),这个的颜色#要用%23代替,不然可能不生效。
border:solid 1px #7ec8ea 边框的设置
icon:对应天气样式的图标风格。

可以再需要的地方进行配置就可以显示了。

版权声明: 本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若内容造成侵权/违法违规/事实不符,请联系邮箱:809451989@qq.com进行投诉反馈,一经查实,立即删除!
网站建设 2026/6/10 22:55:33

2026年6月GitHub热门开源项目盘点:AI Agent和端侧部署是主旋律

每周跟踪GitHub Trending已经成了我的习惯&#xff0c;这周&#xff08;6月第一周&#xff09;的开源生态特别有意思&#xff0c;AI Agent基础设施和端侧自托管工具爆发式增长。挑几个值得关注的项目分享给大家。odysseus - 本地AI工作台&#xff08;周增3.7万星&#xff09;这…

作者头像 李华
网站建设 2026/6/10 22:51:29

激光三角 光平面标定-多高度

工业 3D 视觉最高精度、最稳定的标定方案我会从 0 推导到最终平面方程&#xff0c;包含&#xff1a;多高度平台定义 → 几何约束 → 联立方程 → SVD 求解 → 测量公式 → Halcon 算子对应全程无跳步、无黑箱、纯数学多高度平台标定 利用 N 个已知高度的标准平面&#xff0c;直…

作者头像 李华
网站建设 2026/6/10 22:47:50

确保PLC程序安全,编程时记住这几条就够了

想让程序跑得稳、数据不被乱搞&#xff0c;就得遵守一些基本的编程规范。下面这六条规则&#xff0c;能帮你有效提升程序的安全性和稳定性&#xff0c;值得记下来。规则一&#xff1a;验证实际值程序一开始&#xff0c;就要检查输入的变量值是不是在合理范围内&#xff0c;特别…

作者头像 李华
网站建设 2026/6/10 22:38:05

112、飞控中的数学库优化:arm_math与CMSIS-DSP

飞控中的数学库优化:arm_math与CMSIS-DSP 从一次炸机说起 去年夏天,我在调试一架四轴飞行器的姿态解算代码。飞控板用的是STM32F405,主频168MHz,跑着FreeRTOS。一切看起来都很正常——直到我做了个急转弯动作,飞机直接翻了个跟头栽进草丛里。 抓回log一看,姿态更新周期…

作者头像 李华