找回密码
 立即注册

微信扫码登录

搜索
查看: 18242|回复: 38

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

  [复制链接]

16

主题

153

回帖

2584

积分

金牌会员

积分
2584
金钱
2410
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, 下载次数: 450)


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


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


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

主题

698

回帖

3041

积分

论坛元老

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

使用道具 举报

4

主题

125

回帖

1469

积分

金牌会员

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

使用道具 举报

5

主题

143

回帖

1273

积分

金牌会员

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

使用道具 举报

55

主题

233

回帖

2966

积分

金牌会员

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

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

使用道具 举报

3

主题

48

回帖

1094

积分

金牌会员

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

使用道具 举报

16

主题

153

回帖

2584

积分

金牌会员

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

就是这个
回复

使用道具 举报

14

主题

1687

回帖

5650

积分

论坛元老

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

使用道具 举报

1

主题

64

回帖

361

积分

中级会员

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

使用道具 举报

7

主题

114

回帖

1167

积分

金牌会员

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

好看,赞一个
回复

使用道具 举报

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

本版积分规则

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

GMT+8, 2025-11-30 05:36 , Processed in 0.987827 second(s), 12 queries , MemCached On.

Powered by Discuz! X3.5

© 2001-2025 Discuz! Team.

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