button card 动态图标分享 2024-09-24更新

hungheo

一共7个图标：



都是基于这位大神的模板：https://github.com/matt8707/hass-config


增加了几个，做了一些小调整，图标的颜色可以统一修改
2024-09-24更新
    插座图标：11#楼    人形闪烁图标：12#楼
使用方法：

type: custom:button-card
entity: input_boolean.ceshi3 ######这里替换成灯的entity###########
name: 灯泡
show_icon: false
show_state: true
template: icon_lightbulb #####这里引入模板#########
styles:
  grid:
    - grid-template-areas: |
        "icon n"
        "icon s"
    - grid-template-rows: min-content min-content
    - grid-template-columns: min-content min-content
  card:
    - height: 56px
    - padding: 10px
  name:
    - justify-self: start;
    - font-size: 14px
    - font-weight: 600
  state:
    - justify-self: flex-start
    - font-size: 12px
    - padding-bottom: 4px

复制代码

template代码： icon_auto.zip (2.38 KB, 下载次数: 126)

2024-9-6 13:56 上传

点击文件名下载附件

flim

这个好，收藏一下

lxgxdx

感谢分享

linfinity

大佬   能科普下怎么用么

dosym

刚入坑，仪表图标这些还不会安装，请教大佬这图标怎么安装。

guoqiang881245

模板放到那里才能被引用  大佬


/**
* undefined
* 大哥大嫂过年好
* Link https://greasyfork.org/zh-CN/scripts/396933-hostloc-zsbd
*/

hungheo

guoqiang881245 发表于 2024-9-11 10:05
模板放到那里才能被引用  大佬

放到最后
#template结构
button_card_templates: #顶格
  接模板名称

scabbers

好东西，感谢大佬

yiqian987

hungheo 发表于 2024-9-12 08:46
放到最后
#template结构
button_card_templates: #顶格

请问是要把button_card_templates这个文件夹放到hass的config\templates\目录下么？
然后重启hass就可以引用了么？

hungheo

yiqian987 发表于 2024-9-12 12:27
请问是要把button_card_templates这个文件夹放到hass的config\templates\目录下么？
然后重启hass就可以 ...

放在你的UI文件的最后，刷新一下就可以，不用重启