当前位置: 首页 > news >正文

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

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

有两种配置方式:
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:对应天气样式的图标风格。

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

http://www.jsqmd.com/news/988655/

相关文章:

  • 亚马逊流量转化专家哪家强?资深行业大咖与实战品牌盘点
  • 电力电子技术:源网荷储系统的关键装备
  • 2026年重庆保姆服务TOP榜单:钟点家姆/住家保姆/育儿陪护/养老做饭阿姨精选推荐与口碑解析 - 企业推荐官【官方】
  • Agent应用指南:利用GET请求获取理想汽车门店位置信息
  • 智谷洞察|十五五央国企品牌工作的思考与解读之(四):品牌出海,不仅要“走出去”更要“走进去”
  • MarkItDown:把世界上的文件变成 LLM 爱读的 Markdown
  • 2026年实测AI论文网站指南(合规高效版)
  • 谱梦AI + 音乐:手把手教你用 AI 工具生成原创音乐并上传到汽水音乐
  • 2026年青岛低价企业管理内训靠谱吗?这些判断技巧帮你辨清优劣
  • 2026重庆除甲醛公司真实有效推荐,附加推荐理由! - 空气捍卫者
  • 3个核心优势:DeepSeek-Coder-V2如何重塑开发者的编程体验
  • 解密企业级智能视频中台:基于 Docker 与边缘计算的 GB28181/RTSP 异构架构设计(支持源码交付)
  • 5分钟掌握m4s-converter:永久保存B站视频的完整解决方案
  • 计算机毕业设计之基于python的软件测试场景用例管理平台
  • OJ平台远端判题子系统开发(九):性能优化与代码安全检测
  • 2026 采购竹笋干时,供应商只做一种产品会不会有供应风险?
  • Meshroom终极指南:免费开源的3D重建与视觉编程工具箱
  • 2026年AI编程助手选购指南与横向对比榜单
  • 2026年 广东吸塑机厂家推荐榜:真空/高速/全自动/伺服/厚片吸塑机,塑料托盘吸塑设备专业实力之选! - 品牌发掘
  • GPT-4、DeepSeek、Claude、文心一言:多模型 × 8个投资分析场景横评实测(附测试代码)
  • 6 ChatGPT 错误状态组件 —— 语义降级与情绪权重混乱
  • Akagi:麻雀AI助手如何让你的对局胜率飙升300%?
  • 三步让老旧打印机秒变AirPrint无线打印神器:Docker容器终极指南
  • 测评|苏州企业服务公司做GEO应该怎么选服务商?靠谱GEO服务商推荐? - 极义GEO
  • 2026AI营销新风口 性价比GEO监测工具有哪些
  • CentOS 7.9 安装postgreSQL数据库
  • 1.5万星的m3u8下载神器,命令行搞定一切视频流
  • 如何让3D视频在你的普通电脑上“活“起来?VR-Reversal的魔法揭秘
  • 智慧职教自动化学习脚本终极指南:3分钟告别手动刷课烦恼
  • 寄快递便宜渠道在哪?别原价下单了 - 快递物流资讯