找回密码
 立即注册

微信扫码登录

搜索
查看: 155|回复: 2

[技术探讨] 求教 关于蘑菇卡片图片大小调整的问题

[复制链接]

2

主题

9

回帖

65

积分

注册会员

积分
65
金钱
54
HASS币
0
发表于 3 天前 | 显示全部楼层 |阅读模式
type: custom:mushroom-template-card
entity: fan.zhimi_cn_271052863_va1_s_2_air_purifier
secondary: ""
picture: |-
  {% set status = state_attr(entity,'preset_mode') %}
  {%
    if status == "最爱" and is_state(entity, 'on')  %}
    /local/home/icon/red_fan.gif {% elif status == "自动" and is_state(entity, 'on') %}
    /local/home/icon/fan.gif {% elif status == "睡眠" and is_state(entity, 'on')  %}
    /local/home/icon/night_fan.gif {% else %} /local/home/icon/fan_off.png {% endif %}
primary: ""
style:
  top: 21%
  left: 32.5%

card_mod:
  style: |
    ha-card {
      background: transparent !important;
      border: 0px solid #333333 !important; 
      padding:0px !important;
    } 
    ha-card img{
      width: 10px !important;  
      height: 10px !important; 
      object-fit: contain !important;
    }
请问下各位大佬 上面代码中图片的大小怎么通过ha-card来控制? 蘑菇卡片css选择器是怎么确定的?
回复

使用道具 举报

33

主题

1104

回帖

5428

积分

论坛元老

积分
5428
金钱
4276
HASS币
90
发表于 3 天前 | 显示全部楼层
本帖最后由 relliky 于 2025-7-22 00:34 编辑

关于CSS, 在游览器里按F12,一点点的找到CSS代码,直接修改就可以看到效果了。如果确认了效果,再把要改的代码放回yaml就好。

我之前花了一个下午和晚上,写了个灯光的卡片。https://bbs.hassbian.com/thread-22726-1-1.html
我家全屋智能的HA设置 https://github.com/relliky/Tais_Home_Assistant_Config
回复

使用道具 举报

2

主题

9

回帖

65

积分

注册会员

积分
65
金钱
54
HASS币
0
 楼主| 发表于 3 天前 | 显示全部楼层
relliky 发表于 2025-7-22 00:33
关于CSS, 在游览器里按F12,一点点的找到CSS代码,直接修改就可以看到效果了。如果确认了效果,再把要改的 ...

感谢 已解决
回复

使用道具 举报

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

本版积分规则

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

GMT+8, 2025-7-25 10:46 , Processed in 0.235752 second(s), 8 queries , MemCached On.

Powered by Discuz! X3.5

© 2001-2025 Discuz! Team.

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