我的Mushroom卡片分享-顶部卡片2.0

mcone

顶部卡片
效果图：

人员弹窗效果：

情景模式选择效果：

代码：
top.zip (7.22 KB, 下载次数: 375)

2023-11-10 10:04 上传

点击文件名下载附件

2023-12-26
图章显示开灯数量


2.0版本效果图



代码：
top2.0.zip (7.79 KB, 下载次数: 390)

2023-12-26 10:56 上传

点击文件名下载附件

显示群组开着的设备数量卡片需要在ha--服务--辅助元素--群组。添加灯光群组或其他群组


代码：

type: horizontal-stack
cards:
  - type: custom:mushroom-template-card
    primary: 灯光
    secondary: |
      {% set all = expand('light.quan_wu_deng_guang')| list -%}
      {% set ND1 = all | selectattr('state','eq','on')|list|count%}
      {% set D1 = all | selectattr('state','eq','off')|list|count%}
       {{ND1}}灯开着
    icon: |
      {% if is_state('light.quan_wu_deng_guang', 'on') %} 
        mdi:lightbulb-group
      {% else %}
        mdi:lightbulb-group-off
      {% endif %}
    icon_color: |
      {% if is_state('light.quan_wu_deng_guang','on') %}
        orange
      {% else %}
        grey
      {% endif %}
    badge_icon: |-
      {% set all = expand('light.quan_wu_deng_guang')| list -%} 
      {% set open1 = all | selectattr('state','eq','on')|list|count%}
      {% if open1 == 0 %}
        mdi:numeric-0
      {% elif open1 == 1 %}
        mdi:numeric-1
      {% elif open1 == 2 %}
        mdi:numeric-2
      {% elif open1 == 3 %}
        mdi:numeric-3
      {% elif open1 == 4 %}
        mdi:numeric-4
      {% elif open1 == 5 %}
        mdi:numeric-5
      {% elif open1 == 6 %}
        mdi:numeric-6
      {% elif open1 == 7 %}
        mdi:numeric-7
      {% elif open1 == 8 %}
        mdi:numeric-8
      {% elif open1 == 9 %}
        mdi:numeric-9
      {% elif open1 >= 9 %}
        mdi:numeric-9-plus
      {% else %}
        none
      {% endif %}
    badge_color: |
      {% set all = expand('light.quan_wu_deng_guang')| list -%} 
      {% set open1 = all | selectattr('state','eq','on')|list|count%}
      {% if open1 == 0 %}
        grey
      {% else %}
        orange
      {% endif %}
    layout: vertical
    tap_action:
      action: more-info
    hold_action:
      action: call-service
      service: homeassistant.turn_off
      data: {}
      target: {}
    double_tap_action:
      action: more-info
    multiline_secondary: true
    card_mod:
      style: |
        ha-card {
          background-color: rgb(255 255 255 / 70%) !important
        }

复制代码

Ari

顶一个，情景模式我还没弄抄一个

loveyolanda

抄了，感谢

心之向阳

炒一个谢谢

623305170

好漂亮！楼主，时间轴地图是怎么做出来的呀？用的什么软件定时上报位置并记录的呢？使用的地图又是什么地图呢？（已经看到楼主的教程了，用的高德地图API，感谢）

C哩C哩

mod-card怎么没搜到，只有card-mod

mcone

C哩C哩 发表于 2023-11-13 15:58
mod-card怎么没搜到，只有card-mod

就是这个

隔壁的王叔叔

抄作业喽

jeelinbear

好看，赞一个

lc0888

好看，赞一个