找回密码
 立即注册
搜索
查看: 455|回复: 2

[UI界面] HA自带的Markdown卡片实现天气预警显示

[复制链接]

9

主题

377

回帖

4259

积分

论坛元老

积分
4259
金钱
3873
HASS币
10
发表于 2025-6-14 19:02:41 | 显示全部楼层 |阅读模式



借chatgpt实现的


默认是折叠状态

01.jpg

点击标题后展开状态

02.jpg

根据预警等级显示相应颜色,例如红色预警将显示红色字体

天气使用的 dscao 大佬的和风天气

type: markdown
content: |
  {% set warnings = (state_attr('weather.tian_qi', 'warning') or [])
    | selectattr('sender', 'defined')
    | selectattr('sender', 'search', '淮安区气象台')
    | list %}

  {% if warnings | length > 0 %}
    {% set warning = warnings[0] %}
    {% set color =
      '#FF0000' if warning.severityColor == 'Red' else
      '#FF9900' if warning.severityColor == 'Orange' else
      '#D4A017' if warning.severityColor == 'Yellow' else
      '#0066FF' if warning.severityColor == 'Blue' else
      '#000000' %}

    {% set clean_text = warning.text | replace('区应急局、区气象局联合提醒注意防范。', '') %}

    <details>
      <summary>
        <big><b><font color="{{ color }}">
          <ha-icon icon="mdi:cloud-alert-outline"></ha-icon>
          &nbsp;{{ warning.title }}
        </font></b></big>
      </summary>
      <b><font color="{{ color }}">
        <br>
        {{ clean_text }}
      </font></b>
    </details>
  {% else %}
    当前无气象预警信息
  {% endif %}
text_only: true


配合卡片的可见性功能,可实现有预警显示,无预警隐藏

评分

参与人数 1金钱 +20 收起 理由
冬瓜HA + 20 论坛有你更精彩!

查看全部评分

回复

使用道具 举报

1

主题

38

回帖

450

积分

中级会员

积分
450
金钱
411
HASS币
0
发表于 2025-6-15 17:13:26 | 显示全部楼层
棒棒的  很实用!
回复

使用道具 举报

7

主题

74

回帖

819

积分

高级会员

积分
819
金钱
738
HASS币
0
QQ
发表于 2025-6-16 22:37:27 | 显示全部楼层
棒棒的  很实用!
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

Archiver|手机版|小黑屋|Hassbian ( 晋ICP备17001384号-1 )

GMT+8, 2025-7-2 18:44 , Processed in 0.222559 second(s), 14 queries , MemCached On.

Powered by Discuz! X3.5

© 2001-2025 Discuz! Team.

快速回复 返回顶部 返回列表