找回密码
 立即注册
楼主: qiaofei828

[UI界面] 蘑菇卡片分享

 火... [复制链接]

0

主题

26

回帖

234

积分

中级会员

积分
234
金钱
208
HASS币
0
发表于 2024-6-30 23:13:02 | 显示全部楼层

代码交出来
回复

使用道具 举报

1

主题

50

回帖

309

积分

中级会员

积分
309
金钱
258
HASS币
0
发表于 2024-7-6 18:20:52 | 显示全部楼层
感谢分享
回复

使用道具 举报

1

主题

32

回帖

175

积分

注册会员

积分
175
金钱
142
HASS币
0
发表于 2024-7-22 16:09:34 | 显示全部楼层

状态栏
type: custom:stack-in-card
cards:
  - type: custom:layout-card
    layout_type: masonry
    layout: {}
    cards:
      - type: horizontal-stack
        cards:
          - type: custom:mushroom-template-card
            icon: |
              {% if is_state(entity, 'online') %}
                mdi:wifi
              {% elif is_state(entity, 'driving') %}
                mdi:steering
              {% elif is_state(entity, 'asleep') %}
                mdi:sleep
              {% elif is_state(entity, 'charging') %}
                mdi:battery-charging
              {% else %}
                mdi:help-rhombus
              {% endif %}
            icon_color: |
              {{ 'green' if is_state(entity, 'online') else 'grey' }}
            primary: 当前
            secondary: |
              {% if is_state(entity, 'online') %}
                在线
              {% elif is_state(entity, 'asleep') %}
                睡眠
              {% elif is_state(entity, 'charging') %}
                充电
              {% elif is_state(entity, 'driving') %}
                行驶中
              {% else %}
                未知
              {% endif %}
            entity: sensor.zhuang_tai
            fill_container: false
            multiline_secondary: false
            layout: vertical
            card_mod:
              style: |
                mushroom-card {
                  background-size: 42px 42px;
                }
                ha-card {
                  width: 68px;
                  border-radius: 30px;
                  margin-left: auto;
                  margin-right: auto;
                }
            tap_action:
              action: more-info
          - type: custom:mushroom-template-card
            icon: mdi:shield-home
            icon_color: |
              {{ 'green' if is_state(entity, 'true') else 'grey' }}
            primary: 哨兵
            secondary: '{{ ''开'' if is_state(entity, ''true'') else ''关'' }} '
            entity: sensor.shao_bing_mo_shi
            fill_container: false
            multiline_secondary: false
            layout: vertical
            card_mod:
              style: |
                mushroom-card {
                  background-size: 42px 42px;
                }
                ha-card {
                  width: 68px;
                  border-radius: 30px;
                  margin-left: auto;
                  margin-right: auto;
                }
            tap_action:
              action: more-info
          - type: custom:mushroom-template-card
            icon: mdi:lock
            icon_color: |
              {{ 'blue' if is_state(entity, 'true') else 'grey' }}
            primary: 车锁
            secondary: '{{ ''已锁'' if is_state(entity, ''true'') else ''未锁'' }} '
            entity: sensor.zhi_shi_che_liang_shi_fou_yi_suo_zhi
            fill_container: false
            multiline_secondary: false
            layout: vertical
            card_mod:
              style: |
                mushroom-card {
                  background-size: 42px 42px;
                }
                ha-card {
                  width: 68px;
                  border-radius: 30px;
                  margin-left: auto;
                  margin-right: auto;
                }
            tap_action:
              action: more-info
          - type: custom:mushroom-template-card
            icon: >
              {% set battery_level =
              states('sensor.dian_chi_dian_liang_bai_fen_bi') | int %}

              {% if battery_level < 20 %}
                mdi:battery-20
              {% elif battery_level >= 80 %}
                mdi:battery
              {% else %}
                mdi:battery-80
              {% endif %}
            icon_color: >
              {% set battery_level =
              states('sensor.dian_chi_dian_liang_bai_fen_bi') | int %}

              {% if battery_level < 20 %}
                red
              {% elif battery_level >= 80 %}
                brown
              {% else %}
                green
              {% endif %}
            primary: 电量
            secondary: |
              {{ states('sensor.dian_chi_dian_liang_bai_fen_bi') }}%
            entity: sensor.dian_chi_dian_liang_bai_fen_bi
            fill_container: false
            multiline_secondary: false
            layout: vertical
            card_mod:
              style: |
                mushroom-card {
                  background-size: 42px 42px;
                }
                ha-card {
                  width: 68px;
                  border-radius: 30px;
                  margin-left: auto;
                  margin-right: auto;
                }
            tap_action:
              action: more-info
          - type: custom:mushroom-template-card
            icon: mdi:ev-station
            icon_color: |
              {{ 'green' if is_state(entity, 'true') else 'grey' }}
            primary: 充电器
            secondary: '{{ ''已插入'' if is_state(entity, ''true'') else ''未插入'' }} '
            entity: sensor.ru_guo_che_liang_dang_qian_yi_cha_ru_chong_dian_qi
            fill_container: false
            multiline_secondary: false
            layout: vertical
            card_mod:
              style: |
                mushroom-card {
                  background-size: 42px 42px;
                }
                ha-card {
                  width: 68px;
                  border-radius: 30px;
                  margin-left: auto;
                  margin-right: auto;
                }
            tap_action:
              action: more-info
card_mod:
  style: |
    ha-card {
      padding: 2px;
      background: rgba(var(--rgb-primary-text-color), 0.01);
    }
回复

使用道具 举报

1

主题

32

回帖

175

积分

注册会员

积分
175
金钱
142
HASS币
0
发表于 2024-7-22 16:10:44 | 显示全部楼层

温度
type: custom:vertical-stack-in-card
cards:
  - type: grid
    square: false
    columns: 2
    cards:
      - type: custom:mushroom-entity-card
        entity: sensor.nei_bu_wen_du
        primary_info: state
        secondary_info: name
        name: 车内温度
        icon_color: green
      - type: custom:mushroom-entity-card
        entity: sensor.wai_bu_wen_du
        primary_info: state
        secondary_info: name
        name: 车外温度
        icon_color: blue
  - type: custom:mini-graph-card
    entities:
      - entity: sensor.nei_bu_wen_du
        name: 车内温度
        color: var(--green-color)
      - entity: sensor.wai_bu_wen_du
        name: 车外温度
        color: var(--blue-color)
        y_axis: secondary
    hours_to_show: 24
    line_width: 3
    font_size: 50
    animate: true
    show:
      name: false
      icon: false
      state: false
      legend: false
      fill: fade
回复

使用道具 举报

0

主题

23

回帖

240

积分

中级会员

积分
240
金钱
217
HASS币
0
发表于 2024-12-5 15:33:56 | 显示全部楼层
感谢分享
回复

使用道具 举报

0

主题

3

回帖

28

积分

新手上路

积分
28
金钱
25
HASS币
0
发表于 2024-12-6 17:38:29 | 显示全部楼层
感谢分享
回复

使用道具 举报

0

主题

37

回帖

496

积分

中级会员

积分
496
金钱
459
HASS币
0
发表于 2024-12-8 09:09:22 | 显示全部楼层

感谢分享
回复

使用道具 举报

0

主题

22

回帖

68

积分

注册会员

积分
68
金钱
46
HASS币
0
发表于 2024-12-31 22:36:43 | 显示全部楼层
qiaofei828 发表于 2023-8-23 17:56
《温湿度卡片》作者:@rhysb
效果图:

谢谢,收藏了
回复

使用道具 举报

7

主题

147

回帖

948

积分

高级会员

积分
948
金钱
794
HASS币
0
发表于 2025-1-13 14:09:41 | 显示全部楼层

可以否分享一下
回复

使用道具 举报

1

主题

36

回帖

227

积分

中级会员

积分
227
金钱
190
HASS币
0
发表于 2025-4-4 23:10:59 | 显示全部楼层
zhanfu86 发表于 2023-8-24 11:10
试试我的,好像没效果啊。。漏了资源里添加 /local/community/lovelace-card-mod/card-mod.js 了。现在可 ...

type: custom:mushroom-template-card
layout: horizontal
primary: |-
  {% if states("binary_sensor.a08222021fda_laundrycyclestatus") == 'on' %}
    洗衣机 - {{states('select.a08222021fda_laundrycycle')}}
  {% else %}
    洗衣机
  {% endif %}
secondary: |-
  {% if states("binary_sensor.a08222021fda_laundrycyclestatus") == 'on' %}
    剩余时间 {{ states('sensor.a08222021fda_remainingtimehh') }}:{{ '%02d' | format(states('sensor.a08222021fda_remainingtimemm') | int) }}
  {% elif states("switch.a08222021fda_onoffstatus") == 'on' %}
    已开机
  {% else %}
    已关机
  {% endif %}
icon: mdi:washing-machine
entity: switch.a08222021fda_onoffstatus
badge_icon: |-
  {% if states('switch.a08222021fda_onoffstatus') == 'on' %}
  mdi:pinwheel
  {% endif %}
badge_color: |-
  {% if states('switch.a08222021fda_onoffstatus') == 'on' %}
    #ff9f09
  {% endif %}
icon_color: |
  {% if states('switch.a08222021fda_onoffstatus') == 'on' %}
    red
  {% endif %}
fill_container: true
card_mod:
  style: |
    ha-card {
      --card-primary-font-size: 32px;
      --card-secondary-font-size: 16px;
    }
回复

使用道具 举报

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

本版积分规则

Archiver|手机版|小黑屋|Hassbian

GMT+8, 2025-5-1 15:27 , Processed in 0.535948 second(s), 22 queries .

Powered by Discuz! X3.5

© 2001-2025 Discuz! Team.

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