关于Button_card中labed显示温度的疑问

liu_han

请教各位，
我想让Button_Card中的label可以显示传感器获取到的温度数值，
我在Button_card中嵌套了一个Button_card，但是我要怎么才能把嵌套的获取温度的这个Button_card挪到正确的位置呢【如图】
我要用什么代码来控制这个？

全部代码如下↓
type: custom:button-card
entity: input_boolean.cha_qu_tiao_zhuan
show-state: true
show_name: true
show_label: true
show_icon: true
name: 客厅
icon: mdi:home
custom_fields:
  t:
    card:
      type: custom:button-card
      entity: sensor.qmi_cn_1082528000_psv3_temperature_p_2_3
      show_name: false
      show_icon: false
      show_state: true
      styles:
        grid:
          - grid-template-rows: 80%
          - grid-template-column: 30%
        card:
          - border: 0
          - border-radius: 0
          - background: rgba(255, 255, 255, 0.0)
styles:
  card:
    - background: ""
    - width: 240px
    - height: 120px
    - border-color: rgba(255, 255, 255, 0.3)
  grid:
    - grid-template-areas: "'i n' 'i l'"
    - grid-template-columns: 20% 20%
  icon:
    - width: 80px
    - height: 80px
  name:
    - justify-self: start
    - margin-left: 10px
    - margin-top: "-2px"
  label:
    - color: blue
    - justify-self: start
  state:
    - justify-self: start
tap_action:
  action: navigate
  navigation_path: /salution-ui/bangongqu
state:
  - value: "on"
    color: orange
    styles:
      card:
        - background: rgba(255, 255, 255, 0.7)

hhh.

button-card 并不支持 jinja2模板。

button-card仅支持JavaScript 模板，具体使用看文档https://github.com/custom-cards/ ... merging-state-by-id

或者你可以使用AI帮你编写，注意模板类型为JavaScript 模板。
例如：

[[[
            var price = states['sensor.nong_li'];
            return price;
            ]]]

hungheo

复制代码

type: custom:button-card
entity: sun.sun
show-state: false
show_name: true
show_label: true
show_icon: true
name: 客厅
icon: mdi:home
label: "[[[return states['sensor.a4c1387d255a_temperature'].state + '°C']]]"
styles:
  card:
    - background: ""
    - width: 240px
    - height: 120px
    - border-color: rgba(255, 255, 255, 0.3)
  grid:
    - grid-template-areas: |
        "i n"
        "i l"
    - grid-template-rows: min-content min-content;
    - grid-template-columns: 20% 30%
  icon:
    - width: 80px
    - height: 80px
  name:
    - justify-self: start
    - margin-left: 10px
    - margin-top: "-2px"
  label:
    - color: blue
    - margin-left: 10px
    - justify-self: start
tap_action:
  action: navigate
  navigation_path: /salution-ui/bangongqu
state:
  - value: "on"
    color: orange
    styles:
      card:
        - background: rgba(255, 255, 255, 0.7)

复制代码

entity，label里面的温度实体ID替换成自己的

liu_han

hungheo 发表于 2025-1-30 21:43
entity，label里面的温度实体ID替换成自己的

我不是专业人，算是票友。想深入学习一些这方面的内容，应该看什么资料呢？

hungheo

liu_han 发表于 2025-1-30 22:34
我不是专业人，算是票友。想深入学习一些这方面的内容，应该看什么资料呢？ ...

我也不是专业的，所有的插件怎么使用，看github上插件作者的说明是最好的，能完全理解作者的说明基本够用了

PS：这是我自己对button card的一些理解的帖子，也可以参考下https://bbs.hassbian.com/thread-26299-1-1.html

liu_han

hungheo 发表于 2025-1-30 22:47
我也不是专业的，所有的插件怎么使用，看github上插件作者的说明是最好的，能完全理解作者的说明基本够用 ...

学习了，多谢！

gasment

不用嵌套的，button-card的name/label/icon/state_display等大部分属性都可以套js模板,不过非state属性的模板可能不会实时更新，可以设置triggers_update来监控实体做实时变化

liu_han

gasment 发表于 2025-2-6 09:44
不用嵌套的，button-card的name/label/icon/state_display等大部分属性都可以套js模板,不过非state属性的模 ...

成功了！多谢！