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

 找回密码
 立即注册
查看: 372|回复: 4

[UI界面] 请教Button_card如何同官方卡片一样实现实体控制可见性

[复制链接]

1

主题

6

帖子

42

积分

新手上路

Rank: 1

积分
42
金钱
36
HASS币
0
发表于 2024-12-26 15:07:42 | 显示全部楼层 |阅读模式
本帖最后由 小韩ts 于 2024-12-26 15:12 编辑

想让button_card跟随实体开关实现可见和不可见,使用官方卡片的visibility后没有任何效果,请问需要怎么设置啊
visibility:
  - condition: state
    entity: climate.211106235231910_climate
    state_not: "off"
style:
  left: 27%
  top: 21%
styles:
  card:
    - width: 100%
    - background: rgba(200,200,200,0)
    - border: none
  grid:
    - grid-template-areas: |
        "a b"
        "c c"
    - grid-auto-columns: 1fr
    - grid-auto-rows: auto
    - grid-gap: 2px


回复

使用道具 举报

12

主题

337

帖子

1800

积分

金牌会员

Rank: 6Rank: 6

积分
1800
金钱
1463
HASS币
0
发表于 2024-12-26 15:15:58 | 显示全部楼层
本帖最后由 fay000fay 于 2024-12-26 15:21 编辑
type: conditional
conditions:
  - entity: input_boolean.ce_shi_deng
    state: "on"
card:
  type: custom:button-card
  entity: input_boolean.ce_shi_deng
  name: 测试灯
这样是可以的。
回复

使用道具 举报

1

主题

6

帖子

42

积分

新手上路

Rank: 1

积分
42
金钱
36
HASS币
0
 楼主| 发表于 2024-12-26 17:19:52 | 显示全部楼层

根据这个思路改了下,可以了,谢谢大佬
              - type: conditional
                conditions:
                  - entity: climate.211106235231910_climate
                    state_not: "off"
                elements:
                  - type: custom:button-card
回复

使用道具 举报

7

主题

157

帖子

1287

积分

金牌会员

Rank: 6Rank: 6

积分
1287
金钱
1130
HASS币
0
发表于 2024-12-26 17:32:33 | 显示全部楼层
用display就可以,可以看下我发的button card的帖子
show_icon: false
    show_state: false
    show_name: false
    styles:
      grid:
        - grid-template-areas: '"b" "d"'
        - grid-template-columns: 1fr
        - grid-template-rows: 1fr
      card:
        - padding: 0px
        - broder: 0px
        - margin: 0px
        - background: none
        - border-radius: 0px
        - box-shadow: none
        - overflow: visible
      custom_fields:
        b:
          - display: > #block显示,none不显示
              [[[ return entity.state == "on" ? "block" : "none" ]]]
        d:
          - padding-top: 10px
          - display: >
              [[[ return entity.state == "off" ? "block" : "none" ]]]
    custom_fields:
      b:
        card:。。。。。


回复

使用道具 举报

1

主题

6

帖子

42

积分

新手上路

Rank: 1

积分
42
金钱
36
HASS币
0
 楼主| 发表于 2024-12-27 10:08:27 | 显示全部楼层
hungheo 发表于 2024-12-26 17:32
用display就可以,可以看下我发的button card的帖子

谢谢大佬,新思路
回复

使用道具 举报

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

本版积分规则

Archiver|手机版|小黑屋|Hassbian

GMT+8, 2025-2-3 06:57 , Processed in 0.049124 second(s), 27 queries .

Powered by Discuz! X3.4

Copyright © 2001-2021, Tencent Cloud.

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