基于和风天气的lovelace天气卡片【丰富信息】【动态图标】

donqee · 发表于 2019-11-3 17:34:21

更新版本后，用不了和风天气了，来更新一下，感谢分享。

dandan7675 · 发表于 2019-11-4 10:27:49

看起来不错，感谢大佬分享。

hzomine · 发表于 2019-11-7 18:03:38

谢谢分享

shidaisky · 发表于 2019-11-8 17:09:19

本帖最后由 shidaisky 于 2019-11-8 17:11 编辑

heize 发表于 2019-7-16 00:15
点击卡片没出来详细信息呢，只出来这个。。

# 配置lovelace（使用UI的原始编辑器编辑即可）
# 引入自定义卡片hf_weather-card
resources:
- type: module
url: /local/custom-lovelace/hf_weather-card/hf_weather-card.js
- type: module
url: /local/custom-lovelace/hf_weather-card/hf_weather-more-info.js
# 在view里面的cards节点，增加天气卡片类型
views:
- path: default_view
  title: Home
  cards:
    - type: 'custom:hf_weather-card'                                # card类型
      entity: weather.test                                      # entityid
      mode: daily                                                   # hourly按小时天气预报、daily按天天气预报，不设置则同时显示
      title: 天气                                                   # 标题，不设置则使用entity的friendly_name
      icons: /local/custom-lovelace/hf_weather-card/icons/animated/  # 图标路径，不设置则采用cdn，结尾要有"/"

上边是开头的教程
你不出详细信息的原因是下边这两项没有添加（另需注意相关文件已按教程放置到正确的文件夹下），
- type: module
url: /local/custom-lovelace/hf_weather-card/hf_weather-card.js
- type: module
url: /local/custom-lovelace/hf_weather-card/hf_weather-more-info.js

看到回帖里有好多朋友添加卡片不成功，其实按教程添加是没有问题的，不出现的原因是因为entity名称的差异，去开发者工具-状态里，找到你各风天气的entity名称，用它替换上述引用代码中 entity: weather.test这一行里的weather.test即可。

注意爬楼，注意爬楼，注意爬楼，重要的事情说三遍，有时候爬楼是学习的好方法。

感谢楼主。‘