找回密码
 立即注册
搜索
查看: 12980|回复: 38

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

  [复制链接]

16

主题

133

回帖

2329

积分

金牌会员

积分
2329
金钱
2175
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, 下载次数: 429)


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


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


代码:
top2.0.zip (7.79 KB, 下载次数: 451)
显示群组开着的设备数量卡片需要在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

主题

674

回帖

2865

积分

金牌会员

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

使用道具 举报

4

主题

114

回帖

1323

积分

金牌会员

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

使用道具 举报

5

主题

141

回帖

1183

积分

金牌会员

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

使用道具 举报

49

主题

192

回帖

2569

积分

金牌会员

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

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

使用道具 举报

3

主题

41

回帖

918

积分

高级会员

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

使用道具 举报

16

主题

133

回帖

2329

积分

金牌会员

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

就是这个
回复

使用道具 举报

14

主题

1573

回帖

5154

积分

论坛元老

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

使用道具 举报

1

主题

64

回帖

359

积分

中级会员

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

使用道具 举报

7

主题

73

回帖

809

积分

高级会员

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

好看,赞一个
回复

使用道具 举报

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

本版积分规则

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

GMT+8, 2025-6-28 12:52 , Processed in 0.388716 second(s), 28 queries .

Powered by Discuz! X3.5

© 2001-2025 Discuz! Team.

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