找回密码
 立即注册

微信扫码登录

搜索
查看: 20062|回复: 38

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

  [复制链接]

16

主题

155

回帖

2626

积分

金牌会员

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

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


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


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


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

主题

700

回帖

3063

积分

论坛元老

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

使用道具 举报

4

主题

150

回帖

1589

积分

金牌会员

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

使用道具 举报

5

主题

147

回帖

1301

积分

金牌会员

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

使用道具 举报

55

主题

242

回帖

3059

积分

论坛元老

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

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

使用道具 举报

3

主题

55

回帖

1165

积分

金牌会员

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

使用道具 举报

16

主题

155

回帖

2626

积分

金牌会员

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

就是这个
回复

使用道具 举报

14

主题

1702

回帖

5761

积分

论坛元老

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

使用道具 举报

1

主题

64

回帖

361

积分

中级会员

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

使用道具 举报

7

主题

120

回帖

1260

积分

金牌会员

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

好看,赞一个
回复

使用道具 举报

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

本版积分规则

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

GMT+8, 2026-1-15 05:08 , Processed in 1.732015 second(s), 9 queries , MemCached On.

Powered by Discuz! X3.5

© 2001-2026 Discuz! Team.

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