纯bubble-card制作的底部tapbar，动态图标

wenbieba

有人成功了吗

gasment

wenbieba 发表于 2025-8-20 20:42
删除了其他留一个测试，把原来实体的数量改为已开启已关闭，也不行

要修改成自己的实体，比如你的1号按钮是：1_pir_sensor: sensor.deng_guang_zhuang_tai_tong_ji
那么你要修改这里：
.bubble-button-1 {
      background-image:   /*读取实体属性来获取对应的图标路径*/
          url("${hass.states['你自己的实体名'].attributes.icon_path}") !important;  
      background-size: cover;   
      display:      /*统计实体为off时，隐藏该图标*/
         ${hass.states['你自己的实体名'].state === "on" ?  
        "flex":              
        "none"};
    }

wenbieba

gasment 发表于 2025-8-20 21:14
要修改成自己的实体，比如你的1号按钮是：1_pir_sensor: sensor.deng_guang_zhuang_tai_tong_ji
那么你要 ...

目前用灯光4号测试，实体已改4_pir_sensor: sensor.deng_guang_zhuang_tai_tong_ji

  .bubble-button-4 {
      background-image:   /*读取实体属性来获取对应的图标路径*/
          url("${hass.states['sensor.deng_guang_zhuang_tai_tong_ji'].attributes.svg}") !important;  
      background-size: cover;
      display:      /*统计实体为off时，隐藏该图标*/
         ${hass.states['sensor.deng_guang_zhuang_tai_tong_ji'].state === "on" ?
        "flex":
        "none"};
  }

wenbieba

gasment 发表于 2025-8-20 21:14
要修改成自己的实体，比如你的1号按钮是：1_pir_sensor: sensor.deng_guang_zhuang_tai_tong_ji
那么你要 ...

实体多次查一致

wenbieba

gasment 发表于 2025-8-20 21:14
要修改成自己的实体，比如你的1号按钮是：1_pir_sensor: sensor.deng_guang_zhuang_tai_tong_ji
那么你要 ...

属性已改也不显示