找回密码
 立即注册
查看: 11620|回复: 37

[UI界面] 我的Mushroom卡片分享-顶部卡片2.0

  [复制链接]

15

主题

118

回帖

2212

积分

金牌会员

积分
2212
金钱
2074
HASS币
40
发表于 2023-11-10 10:16:12 | 显示全部楼层 |阅读模式
本帖最后由 mcone 于 2023-12-26 11:04 编辑

顶部卡片
效果图:
1.png
人员弹窗效果:
2.png
情景模式选择效果:
3.png
代码:
top.zip (7.22 KB, 下载次数: 421)


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


2.0版本效果图
微信图片_20231226105401.png


代码:
top2.0.zip (7.79 KB, 下载次数: 447)
显示群组开着的设备数量卡片需要在ha--服务--辅助元素--群组。添加灯光群组或其他群组
微信图片_20231226110001.png

代码:
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
        }




评分

参与人数 8金钱 +41 收起 理由
dajin99 + 2 感谢楼主分享!
嘉诺的智能生活 + 2 大神666!
sunvid + 3
Aretaeus + 2
sorrypqa + 16 感谢楼主分享!
隔壁的王叔叔 + 10 感谢楼主分享!
eric + 4 感谢楼主分享!
summ99111 + 2 感谢楼主分享!

查看全部评分

回复

使用道具 举报

Ari 

0

主题

655

回帖

2768

积分

金牌会员

积分
2768
金钱
2113
HASS币
0
发表于 2023-11-10 10:30:33 | 显示全部楼层
顶一个,情景模式我还没弄抄一个
回复

使用道具 举报

2

主题

94

回帖

1172

积分

金牌会员

积分
1172
金钱
1076
HASS币
0
发表于 2023-11-10 11:43:11 | 显示全部楼层
抄了,感谢
回复

使用道具 举报

5

主题

134

回帖

1116

积分

金牌会员

积分
1116
金钱
977
HASS币
0
发表于 2023-11-10 12:40:25 | 显示全部楼层
炒一个谢谢
回复

使用道具 举报

49

主题

192

回帖

2515

积分

金牌会员

积分
2515
金钱
2274
HASS币
0
发表于 2023-11-10 12:51:18 | 显示全部楼层
本帖最后由 623305170 于 2023-11-10 12:52 编辑

好漂亮!楼主,时间轴地图是怎么做出来的呀?用的什么软件定时上报位置并记录的呢?使用的地图又是什么地图呢?(已经看到楼主的教程了,用的高德地图API,感谢)
回复

使用道具 举报

3

主题

40

回帖

855

积分

高级会员

积分
855
金钱
812
HASS币
0
发表于 2023-11-13 15:58:20 | 显示全部楼层
mod-card怎么没搜到,只有card-mod
回复

使用道具 举报

15

主题

118

回帖

2212

积分

金牌会员

积分
2212
金钱
2074
HASS币
40
 楼主| 发表于 2023-11-13 17:56:29 | 显示全部楼层
C哩C哩 发表于 2023-11-13 15:58
mod-card怎么没搜到,只有card-mod

就是这个
回复

使用道具 举报

14

主题

1533

回帖

4980

积分

论坛元老

积分
4980
金钱
3433
HASS币
0
发表于 2023-11-16 14:55:25 | 显示全部楼层
抄作业喽
回复

使用道具 举报

1

主题

64

回帖

359

积分

中级会员

积分
359
金钱
294
HASS币
0
发表于 2023-11-16 17:48:23 | 显示全部楼层
好看,赞一个
回复

使用道具 举报

7

主题

61

回帖

714

积分

高级会员

积分
714
金钱
646
HASS币
0
QQ
发表于 2023-11-18 12:21:36 | 显示全部楼层

好看,赞一个
回复

使用道具 举报

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

本版积分规则

Archiver|手机版|小黑屋|Hassbian

GMT+8, 2025-5-5 01:05 , Processed in 0.227419 second(s), 28 queries .

Powered by Discuz! X3.5

© 2001-2025 Discuz! Team.

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