徽章如何实现图标动态显示

盗掘爱情

hungheo 发表于 2025-6-12 21:41
修改label的内容就可以
button card 很多属性都接受JavaScript模板，
把你代码中的

再问下，空调图标mdi:air-conditioner可以实现旋转动画么，图标上面是风扇标志，下面是AC字样，如何让上面转动下面不动？

hungheo

盗掘爱情 发表于 2025-6-18 11:57
再问下，空调图标mdi:air-conditioner可以实现旋转动画么，图标上面是风扇标志，下面是AC字样，如何让上 ...

图标都会被转译成path

<path class="primary-path" d="M6.59,0.66C8.93,-1.15 11.47,1.06 12.04,4.5C12.47,4.5 12.89,4.62 13.27,4.84C13.79,4.24 14.25,3.42 14.07,2.5C13.65,0.35 16.06,-1.39 18.35,1.58C20.16,3.92 17.95,6.46 14.5,7.03C14.5,7.46 14.39,7.89 14.16,8.27C14.76,8.78 15.58,9.24 16.5,9.06C18.63,8.64 20.38,11.04 17.41,13.34C15.07,15.15 12.53,12.94 11.96,9.5C11.53,9.5 11.11,9.37 10.74,9.15C10.22,9.75 9.75,10.58 9.93,11.5C10.35,13.64 7.94,15.39 5.65,12.42C3.83,10.07 6.05,7.53 9.5,6.97C9.5,6.54 9.63,6.12 9.85,5.74C9.25,5.23 8.43,4.76 7.5,4.94C5.37,5.36 3.62,2.96 6.59,0.66M5,16H7A2,2 0 0,1 9,18V24H7V22H5V24H3V18A2,2 0 0,1 5,16M5,18V20H7V18H5M12.93,16H15L12.07,24H10L12.93,16M18,16H21V18H18V22H21V24H18A2,2 0 0,1 16,22V18A2,2 0 0,1 18,16Z"></path>

复制代码

他是整体的，如果想让它上半部分动就得拆开，要么找工具把它拆开，要么自己画一个svg图标然后转成code
可以参考下我的另外的帖子：https://bbs.hassbian.com/thread-26733-1-1.html
全是用button card做的，里面能找到怎么根据不同的path添加动画

盗掘爱情

hungheo 发表于 2025-6-18 13:33
图标都会被转译成path
他是整体的，如果想让它上半部分动就得拆开，要么找工具把它拆开，要么自己画一个s ...

好的，我研究研究