蘑菇卡片分享

Ari

哇，很不错，感谢分享，楼主多多分享

隔壁的王叔叔

太漂亮了，我要折腾一下。

佚蓝

谢谢楼主分享，学习了

CHome

不错！

zhanfu86

qiaofei828 发表于 2023-8-23 18:11
调整模板卡字体大小
作者：@rhysb
效果图：

试试我的，好像没效果啊。。漏了资源里添加 /local/community/lovelace-card-mod/card-mod.js 了。现在可以了。感谢大佬。

type: custom:mushroom-template-card
              layout: horizontal
              primary: >-
                {% if states("binary_sensor.3429efa75290_laundrycyclestatus") ==
                'on' %}
                  洗衣机 - {{states('select.3429efa75290_laundrycycle')}}
                {% else %}
                  洗衣机
                {% endif %}
              secondary: >-
                {% if states("binary_sensor.3429efa75290_laundrycyclestatus") ==
                'on' %}
                  剩余时间 {{ states('sensor.3429efa75290_remainingtimehh') }}:{{ '%02d' | format(states('sensor.3429efa75290_remainingtimemm') | int) }}
                {% else %}
                  已关机
                {% endif %}
              icon: mdi:washing-machine
              entity: switch.3429efa75290_onoffstatus
              badge_icon: |-
                {% if states('switch.3429efa75290_onoffstatus') == 'on' %}
                mdi:pinwheel
                {% endif %}
              badge_color: |-
                {% if states('switch.3429efa75290_onoffstatus') == 'on' %}
                  #ff9f09
                {% endif %}
              icon_color: |
                {% if states('switch.3429efa75290_onoffstatus') == 'on' %}
                  red
                {% endif %}
              fill_container: true
              card_mod:
                style: |
                  ha-card {
                    --card-primary-font-size: 32px;
                    --card-secondary-font-size: 16px;
                  }

复制代码

jasona3

这个看起来不错，备注下

cw4774

qiaofei828 发表于 2023-8-24 06:40
仿米家卡片效果图：

代码：

里面图标可以分享下吗大佬哦  谢谢

gimyeah

看起来真不错了，学习了

summ99111

谢谢楼主的分享  

心之向阳

谢谢楼主分享