『瀚思彼岸』» 智能家居技术论坛

 找回密码
 立即注册
楼主: hungheo

[UI界面] card-mod使用分享

  [复制链接]

0

主题

8

帖子

75

积分

注册会员

Rank: 2

积分
75
金钱
67
HASS币
0
发表于 2025-1-6 10:36:10 | 显示全部楼层
谢谢分享
回复

使用道具 举报

0

主题

2

帖子

24

积分

新手上路

Rank: 1

积分
24
金钱
22
HASS币
0
发表于 2025-1-6 20:08:02 | 显示全部楼层
看看吧,正在找
回复

使用道具 举报

0

主题

6

帖子

63

积分

注册会员

Rank: 2

积分
63
金钱
57
HASS币
0
发表于 2025-1-6 20:21:19 | 显示全部楼层
回复

使用道具 举报

0

主题

6

帖子

48

积分

新手上路

Rank: 1

积分
48
金钱
42
HASS币
0
发表于 2025-1-9 19:16:03 | 显示全部楼层
谢谢,学习学习
回复

使用道具 举报

0

主题

3

帖子

50

积分

注册会员

Rank: 2

积分
50
金钱
47
HASS币
0
发表于 2025-1-10 09:01:53 | 显示全部楼层
学习学习
回复

使用道具 举报

0

主题

6

帖子

164

积分

注册会员

Rank: 2

积分
164
金钱
158
HASS币
0
发表于 2025-1-12 11:29:19 | 显示全部楼层
大佬,我想隐藏系统自带的空调卡片里面的一些元素,
card_mod:
  style:
    ha-state-control-climate-temperature:
      $: |
        /* 隐藏顶部状态(开关状态) */
        [class="label"] {
          display: none !important;
        }

        /* 隐藏底部温度(包括字体和图标) */
        [class="label secondary"] {
          font-size: 0px !important;
          display: unset !important;
        }
        [class="label secondary"] ha-svg-icon {
          display: none !important; /* 隐藏底部温度旁边的图标 */
        }
        [class="label secondary"]::after {
          content: ''; /* 清空底部温度显示内容 */
          font-size: 0px; /* 确保内容不占空间 */
        }

第二个:
card_mod:
  style: |
    /* 隐藏右上角的“更多信息”按钮 */
    ha-card > ha-icon-button {
      display: none !important;
    }
这两个如何写到一起,我写一起谁放上面就会覆盖下面的
回复

使用道具 举报

7

主题

149

帖子

1250

积分

金牌会员

Rank: 6Rank: 6

积分
1250
金钱
1101
HASS币
0
 楼主| 发表于 2025-1-12 16:50:43 | 显示全部楼层
本帖最后由 hungheo 于 2025-1-12 17:12 编辑
klhd 发表于 2025-1-12 11:29
大佬,我想隐藏系统自带的空调卡片里面的一些元素,
card_mod:
  style:


正确的代码是这样的:
type: thermostat
entity: climate.qdhkl_ac_0103_air_conditioner
card_mod:
  style:
    ha-state-control-climate-temperature $: |
      /* 隐藏顶部状态(开关状态) */
      [class="label"] {
        display: none !important;
      }

      /* 隐藏底部温度(包括字体和图标) */
      [class="label secondary"] {
        font-size: 0px !important;
        display: unset !important;
      }
      [class="label secondary"] ha-svg-icon {
        display: none !important; /* 隐藏底部温度旁边的图标 */
      }
      [class="label secondary"]::after {
        content: ''; /* 清空底部温度显示内容 */
        font-size: 0px; /* 确保内容不占空间 */
      }
    .: |
      ha-card>ha-icon-button {
        display:none !important
      }

也可以简写成这样:
card_mod:
  style:
    ha-state-control-climate-temperature $: |
      .label {
        display: none !important;
      }
      .label secondary {
        font-size: 0px !important;
        display: unset !important;
      }
      .ha-svg-icon {
        display: none !important; 
      }
    .: |
      ha-icon-button {
        display: none !important;
      }



回复

使用道具 举报

0

主题

10

帖子

106

积分

注册会员

Rank: 2

积分
106
金钱
96
HASS币
0
发表于 2025-1-13 14:12:41 | 显示全部楼层
66666666666666
回复

使用道具 举报

0

主题

2

帖子

18

积分

新手上路

Rank: 1

积分
18
金钱
16
HASS币
0
发表于 2025-1-13 16:02:02 | 显示全部楼层
学习下!!!感谢分享
回复

使用道具 举报

0

主题

9

帖子

84

积分

注册会员

Rank: 2

积分
84
金钱
75
HASS币
0
发表于 2025-1-13 16:19:20 | 显示全部楼层
111111111111111111
回复

使用道具 举报

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

本版积分规则

Archiver|手机版|小黑屋|Hassbian

GMT+8, 2025-1-23 06:03 , Processed in 0.053447 second(s), 30 queries .

Powered by Discuz! X3.4

Copyright © 2001-2021, Tencent Cloud.

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