找回密码
 立即注册

微信扫码登录

搜索
楼主: lambilly

[UI界面] 【阿木制作】分享一下几个插件的蘑菇界面效果图

[复制链接]

0

主题

82

回帖

203

积分

中级会员

积分
203
金钱
121
HASS币
0
发表于 昨天 10:22 | 显示全部楼层
看起来好高大上呀
回复

使用道具 举报

0

主题

15

回帖

53

积分

注册会员

积分
53
金钱
38
HASS币
0
发表于 昨天 10:33 | 显示全部楼层
lambilly 发表于 2025-10-21 09:55
NODE-RED流非常多,请具体一个一个来

感谢,感谢
回复

使用道具 举报

11

主题

48

回帖

1245

积分

金牌会员

积分
1245
金钱
1186
HASS币
0
发表于 昨天 12:35 | 显示全部楼层
学习学习
回复

使用道具 举报

2

主题

419

回帖

2782

积分

金牌会员

积分
2782
金钱
2356
HASS币
30
发表于 昨天 12:49 | 显示全部楼层
溫度濕度那個用什麼卡片的?
回复

使用道具 举报

57

主题

225

回帖

2093

积分

论坛技术达人

积分
2093
金钱
1806
HASS币
20
 楼主| 发表于 昨天 12:53 | 显示全部楼层
fung1006 发表于 2025-10-21 12:49
溫度濕度那個用什麼卡片的?
type: custom:stack-in-card
cards:
  - type: custom:mushroom-template-card
    icon: mdi:home
    entity: sensor.daikin_tvoc_sensor
    primary: 全屋空气
    secondary: >-
      {{ states('sensor.quan_wu_wen_du')  | float(0) | int }}°C|{{
      states('sensor.quan_wu_shi_du')  | float(0) | int }}%
    icon_tap_action:
      action: more-info
    color: >-
      {% set tvoc  = states(entity) | float(0) %} {{['green', 'blue', 'yellow',
      'orange', 'purple', 'red'] [(tvoc > 300) + (tvoc > 500) + (tvoc > 1000) + 
      (tvoc > 2000) + (tvoc > 3000)]}}
    features_position: bottom
  - type: custom:mini-graph-card
    entities:
      - entity: sensor.quan_wu_wen_du
        name: 温度
        icon: mdi:temperature-celsius
        color: var(--green-color)
      - entity: sensor.quan_wu_shi_du
        name: 湿度
        icon: mdi:water-percent
        color: var(--indigo-color)
        y_axis: secondary
    line_width: 1
    font_size: 75
    hours_to_show: 24
    points_per_hour: 4
    show:
      name_adaptive_color: true
      icon: false
      name: false
      state: false
      legend: true
      fill: fade
  - type: horizontal-stack
    cards:
      - type: custom:mushroom-template-card
        icon: mdi:air-filter
        primary: 甲醛
        secondary: "{{ states('sensor.daikin_ch2o_sensor') | float(0) | int -13 }}µg/m³"
        entity: sensor.daikin_ch2o_sensor
        icon_tap_action:
          action: more-info
        color: >-
          {% set ch2o = states('sensor.daikin_ch2o_sensor') | float(0) | int -13
          %} {% if ch2o >500 %}brown{% elif ch2o >100 %}red{% elif ch2o >50
          %}orange{% else %}green{% endif %}
        vertical: true
        features_position: bottom
      - type: custom:mushroom-template-card
        icon: mdi:molecule-co2
        primary: CO2
        secondary: "{{ states('sensor.daikin_co2_sensor') | float(0) | round(0) }}ppm"
        entity: sensor.daikin_co2_sensor
        icon_tap_action:
          action: more-info
        color: >-
          {% set co2 = states('sensor.daikin_co2_sensor') | float(0) | int %} {%
          if co2 >5000 %}brown{% elif co2 >2000 %}red{% elif co2 >1000
          %}orange{% else %}green{% endif %}
        vertical: true
        features_position: bottom
      - type: custom:mushroom-template-card
        icon: mdi:molecule
        primary: PM2.5
        secondary: "{{ states('sensor.daikin_pm2_5_sensor') | float(0) | round(0) }}µg/m³"
        entity: sensor.daikin_pm2_5_sensor
        icon_tap_action:
          action: more-info
        color: >-
          {% set pm25 = states('sensor.daikin_pm2_5_sensor') | float(0) | int %}
          {% if pm25 > 250 %}brown{% elif pm25 > 150 %}red{% elif pm25 > 115
          %}orange{% elif pm25 > 75 %}yellow{% elif pm25 > 35 %}green{% else
          %}blue{% endif %}
        vertical: true
        features_position: bottom
      - type: custom:mushroom-template-card
        icon: mdi:radiator
        primary: TVOC
        secondary: "{{ states('sensor.daikin_tvoc_sensor') | float(0) | round(0) }}µg/m³"
        entity: sensor.daikin_tvoc_sensor
        icon_tap_action:
          action: more-info
        color: >-
          {% set tvoc  = states('sensor.daikin_tvoc_sensor') | float(0) %} {% if
          tvoc  > 3000 %}red  {% elif tvoc  > 2000 %}purple {% elif tvoc  > 1000
          %}orange {% elif tvoc  > 500 %}yellow  {% elif tvoc  > 300 %}blue  {%
          else %}green {% endif %}
        vertical: true
        features_position: bottom
  - type: custom:mini-graph-card
    entities:
      - entity: sensor.daikin_ch2o_sensor
        name: 甲醛
        icon: mdi:molecule-co2
        color: var(--purple-color)
        y_axis: secondary
      - entity: sensor.daikin_co2_sensor
        name: CO2
        icon: mdi:molecule
        color: var(--green-color)
      - entity: sensor.daikin_pm2_5_sensor
        name: PM2.5
        icon: mdi:molecule
        color: var(--blue-color)
        y_axis: secondary
      - entity: sensor.daikin_tvoc_sensor
        name: TVOC
        color: var(--yellow-color)
    line_width: 1
    font_size: 75
    hours_to_show: 24
    points_per_hour: 4
    show:
      name_adaptive_color: true
      icon: false
      name: false
      state: false
      legend: true
      fill: fade
回复

使用道具 举报

8

主题

297

回帖

3318

积分

论坛元老

积分
3318
金钱
3013
HASS币
0
发表于 昨天 15:27 | 显示全部楼层
不错,不错,求抄作业
回复

使用道具 举报

2

主题

47

回帖

218

积分

中级会员

积分
218
金钱
169
HASS币
0
发表于 昨天 22:26 | 显示全部楼层
谢谢大佬,谢谢学习!
回复

使用道具 举报

0

主题

82

回帖

203

积分

中级会员

积分
203
金钱
121
HASS币
0
发表于 昨天 23:18 来自手机 | 显示全部楼层
看起来有点东西
回复

使用道具 举报

1

主题

51

回帖

405

积分

中级会员

积分
405
金钱
353
HASS币
0
发表于 19 小时前 | 显示全部楼层
需要,学习一下
回复

使用道具 举报

0

主题

4

回帖

37

积分

新手上路

积分
37
金钱
33
HASS币
0
发表于 18 小时前 | 显示全部楼层
【阿木制作】分享一下几个插件的蘑菇界面效果图 [修改]
回复

使用道具 举报

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

本版积分规则

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

GMT+8, 2025-10-22 20:14 , Processed in 0.097371 second(s), 10 queries , MemCached On.

Powered by Discuz! X3.5

© 2001-2025 Discuz! Team.

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